什么是Bootstrap？
这里有很多与Bootstrap相关的问题。我看到很多人在使用它。因此，我尝试对其进行研究，然后我找到了Bootstrap的官方网站，但之后只有一个下载部分和几句话。没有什么可以解释它的作用是什么…我只是了解它是一个前端助手。我试图通过Google搜索找到一些东西，但没有发现任何具体问题。我发现的一...
2024-01-10Bootstrap响应文本大小
我正在尝试使用引导程序来构建响应式布局，当前正在使用font-size：3em定义一些标题；但是，当缩小布局时，这太大了。如何快速缩小文本大小？回答：最简单的方法是使用％或em中的尺寸。只需更改基本字体大小，一切都会改变。@media (max-width: @screen-xs) { body{font-size: 10px;}}@media (max-width: @screen-...
2024-01-10Bootstrap 4更改断点
我有一个应用程序，设计要求从台式机到平板电脑，或者分别从xl到lg，都需要1280个断点。但是，Bootstrap本身的xl断点为1200。我需要全局更改该xl断点以进行引导。我是否必须从源文件重新编译Bootstrap 4？我尝试在我的Sass构建中设置它：$grid-breakpoints: ( // Extra small screen / phone xs: 0, // Small screen / phone...
2024-01-10Bootstrap 4文件输入
我正在使用bootstrap 4文件浏览器。如果我使用自定义文件控件，则会一直看到“选择文件值”。选择文件后，我想更改选择文件的值。此值实际上隐藏在CSS中.custom-file-control:lang(en)::after，我不知道如何在javascript中访问和更改它。我可以这样获得所选文件的值：document.getElementById("exampleInputFile").value.split...
2024-01-10bootstrap 3切换按钮不工作
是的，我知道这个问题已经问了Stackoverflow数百万次，我看着他们，但仍然无法找到什么是错的。任何帮助将不胜感激，谢谢。bootstrap 3切换按钮不工作<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>front page</title> <link href="css/bootstrap.css" rel="stylesh...
2024-01-10如何在bootstrap中实现此网格？
bootstrap中的列定义是什么使之成为这种UI？如何在bootstrap中实现此网格？我使用woocommerce来处理我的商店和bootstrap4网格。回答：随着这是有据可查的，你可以用以下的例子来实现你的引导版本，例如<div class="container"> <div class="row"> <div class="col-2"></div> <div class="col-7"> <div class="row"> ...
2024-01-10如何在Bootstrap中更改btn颜色
有没有办法更改.btnBootstrap中的所有属性？我试过下面的方法，但有时它仍显示默认的蓝色（例如单击并删除鼠标后等）。如何完全更改整个主题？.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited { background-color: #8064A2;}回答：查看需要覆盖哪些属性的最简单方法是查看Bootstrap的源代码，尤...
2024-01-10带悬停的Bootstrap下拉菜单
好的，所以我需要的很简单。我已经在导航栏中设置了一些下拉菜单（使用class="dropdown-toggle" data-toggle="dropdown"），并且工作正常。问题是它可以工作“ onClick”，而我希望它可以工作“ onHover”。有内置的方法吗？回答：最简单的解决方案是使用CSS。添加类似….dropdown:hover .dropdown-menu { display: bloc...
2024-01-10如何自定义Bootstrap列宽？
我有这个，但是我觉得4对于我的侧边栏宽度来说太大了，而3太小了（它总共要加12）。 <div class="col-md-8"> <div class="col-md-4">我试过了，但是没有用： <div class="col-md-8.5"> <div class="col-md-3.5">还有另一种方法可以得到类似的结果吗？谢谢你的帮助！回答：为了扩展@isherwood的答案，这是-sm-在Bootstrap ...
2024-01-10Bootstrap固定菜单隐藏内容
我在我的网页中使用引导固定菜单，但菜单栏隐藏了页面的一些内容，特别是当屏幕尺寸减小时，响应菜单将隐藏更多内容。代码Bootstrap固定菜单隐藏内容例如：<nav class="navbar navbar-inverse navbar-fixed-top" style ="background:#141414"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand ...
2024-01-10更改Bootstrap弹出窗口的宽度
我正在使用Bootstrap 3设计页面。我试图placement:right在输入元素上使用带有popover的页面。新的Bootstrap可确保您在使用form-control时基本上具有全角输入元素。HTML代码如下所示：<div class="row"> <div class="col-md-6"> <label for="name">Name:</label> <input id="name" class="form-control" type="text" ...
2024-01-10Bootstrap工具提示错误的定位
我刚刚开始使用引导程序，正在将我的圣诞节礼物的一部分工作给我的女朋友 - 让她知道她真正的礼物是什么（汉密尔顿在伦敦的门票）。Bootstrap工具提示错误的定位但是，我遇到了引导工具提示的问题。我期望在点击的跨度字旁边看到一个工具提示，在悬停或点击。但由于某种原因，工具尖端位于...
2024-01-10自定义Bootstrap CSS模板
我刚刚开始使用Twitter的Bootstrap，并且想知道自定义的“最佳实践”是什么。我想开发一种系统，该系统将利用css模板（Bootstrap或其他）的所有功能，完全（轻松）地进行修改，具有可持续性（即–从Twitter发布下一版本的Bootstrap时，我不会）不必重新开始。例如，我想将背景图像添加到顶部导航中。看...
2024-01-10更改Bootstrap输入焦点蓝色发光
有谁知道如何更改Bootstrap的input:focus？单击input字段时出现的蓝色发光？回答：最后，我在bootstrap.css中更改了以下css条目textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"...
2024-01-10Bootstrap工具提示显示在元素下
工具提示显示在元素下方时，我将鼠标悬停在它上面。元素的z-index是2，而工具提示有1030.我不确定发生了什么。它只适用于某些元素，即使它们具有相同的标记。Bootstrap工具提示显示在元素下下面是它发生在http://darebounty.com/streams/11这是一个网页上的形状在底部（红色，蓝色，黄色等）#rune_page_view任...
2024-01-10Bootstrap 4-卡列中的响应卡
我玩引导4，虽然在我无法找到一个解决方案，以附加响应能力卡div用class="card-columns"（本类应用砌体，就像这个类的DIV中影响到卡）。在引导3是 容易 的款式，让“卡”响应，因为它是可以应用类似class="col-md-3 col-sm-6 col-xs-12"包含一个divthumbnail，caption等等。在Bootstrap 4中使用卡时如何产生相同的效果...
2024-01-10Bootstrap导航栏活动状态不起作用
我有bootstrap v3。我class="active"在navbar菜单上使用时，它不会切换。我知道该如何使用jQuery并建立点击功能，但我认为该功能应包含在引导程序中？那么也许是JavaScript问题？这是我包含的js / css / bootstrap文件的标头：<!-- Bootstrap CSS --><link rel="stylesheet" href= "/bootstrap/css/bootstrap.css" /><link rel="stylesheet" href="/...
2024-01-10使用Bootstrap 3模式框确认删除
我需要使用Bootstrap 3模式框确认删除（是/否）。我该如何创建呢？HTML代码：<form action="blah" method="POST"> <button class='btn' type="submit" name="remove_levels" value="delete"> <span class="fa fa-times"></span> Delete </button></form>回答：您需要HTML中的模式。单击删除按钮后，它将弹出模态。防止单击该按...
2024-01-10如何更改Bootstrap版本4按钮颜色
我可以通过更改bootstrapv4中的主题颜色来更改主按钮的颜色。但这也会影响所有其他组件。如何设置主按钮颜色而不影响主题颜色？我不想设置主要品牌并实现这一目标。还有其他选择吗？回答：现在，Bootstrap 4使用了SASS，您可以使用mixins 轻松地 button-variant。由于您只想更改主按钮的颜色，而不是...
2024-01-10在滚动上设置Bootstrap导航栏透明度
我使用一个名为custom.css的辅助填充来覆盖引导程序代码，我想知道如何创建仅在网站访问者不在页面顶部时才激活的代码。到目前为止，我使用引导程序提供的默认代码创建了一个透明的导航栏。我唯一要做的就是将其设置为执行：`background-color:color`当访客向下滚动时。当我在页面顶部时，导航栏是...
2024-01-10Bootstrap游览突出显示整个下拉菜单
我正在使用http://bootstraptour.com/突出显示我的应用程序的功能。Bootstrap游览突出显示整个下拉菜单我想突出显示一个下拉列表，并将其内容作为巡视中的一个步骤。我有下面的代码突出了下拉按钮，打开下拉，但我不能让它凸显下拉内容var tour = new Tour({ backdrop: true, debug:true, storage: false, steps: [ ...
2024-01-10如何在Bootstrap中将容器垂直居中？
我正在寻找一种将containerdiv 垂直居中放置jumbotron在页面中间的方法。在.jumbotron必须适应于屏幕的整个高度和宽度。的.containerdiv有一个宽度1025px和应在该页面（垂直中心）的中间。我希望此页面的大屏幕适应屏幕的高度和宽度，并且容器垂直于大屏幕垂直居中。我该如何实现？.jumbotron { height:100%; ...
2024-01-10如何使Bootstrap轮播字幕垂直居中？
我有一个自举轮播，并且我正在尝试为该轮播创建标题，该标题始终垂直居中并稍微向左定位。我有用于水平定位的css。但是当我尝试垂直定位时，字幕不会停留在原处。如何使.carousel字幕始终保持垂直居中，并稍微向左对齐？HTML： <!-- start JumboCarousel --> <div id="jumboCarousel" class="carousel slide" data-ri...
2024-01-10在Bootstrap 4导航栏中将元素居中
无论我尝试什么，我都无法在Bootstrap导航栏中放置任何内容，对此有什么解决方案？我试过使用margin:0 auto;或margin-right:auto; margin-left:auto;使用的center-block类添加div 。什么都行不通，为什么要实现如此简单，我无法理解的东西这么难，我在做什么错呢？这是当前代码：<nav class="navbar navbar-fixed-top navbar-da...
2024-01-10Bootstrap 4：导航内的多级下拉菜单
在Bootstrap 4中进行多级下拉的最简单方法是什么？我设法在SO上找到的所有示例过于混乱，或者没有包含在导航中。我试过只是将一个下拉列表放到一个下拉列表中，但这似乎不起作用。有人可以帮我吗？这是我的代码的基本轮廓：<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/boot...
2024-01-10
