Bootstrap 2是第二代前端框架，允许更快的Web开发。有关Bootstrap 3的问题，请使用“twitter-bootstrap-3”。
在 Twitter Bootstrap 2.0 中，我想对一个非常四四方方的非圆形网站进行全局修改：摆脱 Bootstrap 中的所有圆角。 是否有全局开关，或者最好的是什么...
我有一个 Bootstrap 进度条。我想要最后一个 div，它有类 bar bar-警告来占据尚未被其他内部 div 占据的所有内容，而无需我进行计算...
我有一个 Bootstrap 进度条。我想要最后一个 div，它有类 bar bar-警告来占据尚未被其他内部 div 占据的所有内容，而无需我进行计算...
Bootstrap 中未显示下拉菜单Bootstrap 101 模板
我正在尝试在 Bootstrap 中获取基本的下拉菜单： Bootstrap 101 模板 我正在尝试在 Bootstrap 中获取 一个基本的下拉菜单： <!DOCTYPE html> <html> <head> <title>Bootstrap 101 Template</title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> </head> <body> <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="js/bootstrap.min.js"></script> <div class="dropdown"> <!-- Link or button to toggle dropdown --> <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> <li><a tabindex="-1" href="#">Action</a></li> <li><a tabindex="-1" href="#">Another action</a></li> <li><a tabindex="-1" href="#">Something else here</a></li> <li class="divider"></li> <li><a tabindex="-1" href="#">Separated link</a></li> </ul> </div> </body> </html> 但是，什么也没有出现。我知道本地 CSS 和 JS 文件被正确引用。据我了解，默认的JS包含了所有的插件。 编辑：感谢大家的反馈。我只能补充一点，如果人们发现自己处于与我相同的情况，请在复制和粘贴片段之前在教程中进一步向下移动。 我认为您的代码基本上很好，但您缺少触发下拉菜单的链接。请参阅 jsFiddle 请注意，我添加了 <a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> 这是如何将其包含在完整导航栏中的示例 祝你好运！ 请特别注意代码中的注释<-- Link or button to toggle dropdown -->。您需要放置一个带有 data-toggle="dropdown" 属性的链接或按钮来激活下拉菜单。 试试这个： <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> <div class="dropdown"> <!-- Link or button to toggle dropdown --> <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#"> <i class="icon-user"></i> TestDropdown <span class="caret"></span> </a> <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#"> <i class="icon-user"></i> TestDropdown <span class="caret"></span> </a> <a class="btn btn-default" data-toggle="dropdown"> Dropdown Test </a> <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> <li><a tabindex="-1" href="#">Action</a></li> <li><a tabindex="-1" href="#">Another action</a></li> <li><a tabindex="-1" href="#">Something else here</a></li> <li class="divider"></li> <li><a tabindex="-1" href="#">Separated link</a></li> </ul> </div> 来自文档： 仅查看下拉菜单，这是所需的 HTML。您需要将下拉菜单的触发器和下拉菜单包装在 .dropdown 中，或声明position:relative; 的另一个元素中。然后只需创建菜单即可。 因此，您可能需要为您的 dropdown 类设置 CSS（至少）具有 position: relative;。默认情况下，您在 display:none 上还有一个 .dropdown-menu。也尝试覆盖它。 尝试使用父级 ul 和 li 代替 div 来包装您在上面发布的 ul。 例如， <ul class="nav nav-pills span7 pull-right" id="upper_username_hide"> <li class= "dropdown" data-dropdown="dropdown"> <a id="" class="dropdown-toggle" data-toggle="dropdown" href="#"> <b class="caret dropdown-toggle"></b> </a> <ul class="dropdown-menu" > <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> </ul> </li> </ul> 我不认为 tab-index 是必要的，因为 bootstrap css 会处理这个问题。 祝你好运！ 在我的例子中，我发现 .dropdown-menu 引导类已将 top 属性设置为：top: 100%，这导致下拉列表显示在视口之外。 我确实用另一个类覆盖了最高值，现在正在工作。 <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script>
如何使用 Bootstrap css 设置导航列表菜单的样式
我正在使用带有两级列表（下拉菜单）的引导菜单。我正在使用的代码示例是： ... 我正在使用带有两级列表的引导菜单（下拉菜单）。我使用的代码示例是： <ul class="nav navbar-nav"> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Item0<span> class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#Item1">Item1</a></li> <li><a href="#Item2">Item2</a></li> <li><a href="#Item3">Item3</a></li> <li><a href="#Item4">Item4</a></li> <li><a href="#Item5">Item5</a></li> </ul> </li> <li> <ul class="nav navbar-nav"> <li><a href="#Item1">Item13</a></li> <ul class="dropdown-menu"> <li><a href="#Item1">Item131</a></li> <li><a href="#Item2">Item132</a></li> <li><a href="#Item3">Item133</a></li> <li><a href="#Item4">Item134</a></li> <li><a href="#Item5">Item135</a></li> </ul> <li><a href="#Item2">Item23</a></li> <li><a href="#Item3">Item33</a></li> </ul> </li> 我想对颜色进行一些修改。但是，当我在以下课程中进行更改时： .navbar-default .nav li a{ ... } 它改变所有列表元素的颜色。 是否可以使用不同的颜色来设置嵌套列表的样式，而升级列表有不同的颜色？ 例如“Item0，Item13 Item23 Item33”为红色，“Item1 .. Item5”为蓝色等等...... 如何使用 Bootstrap 让它工作，还是我应该创建一个自定义 css？ 您可以通过添加类来设置特定元素组的样式： <li class="yourclass"><a href="#Item1">Item1</a></li> 然后使用 CSS 为所有具有相同类的元素设置样式： .yourclass { color: red } 我希望这有帮助 当然：为您想要不同颜色和背景样式的元素添加一个类。示例 <ul class="dropdown-menu"> <li><a href="#Item1" class='red'>Item131</a></li> <li><a href="#Item2" class='red'>Item132</a></li> <li><a href="#Item3" class='blue'>Item133</a></li> <li><a href="#Item4">Item134</a></li> <li><a href="#Item5">Item135</a></li> </ul> 还有CSS .red { ... } .blue { ... } 我希望这有帮助 您可以为特定列表项提供额外的类，以覆盖 booststrap 中的默认设计。 例如： <ul class="dropdown-menu"> <li><a href="#Item1" class="custom">Item1</a></li> <li><a href="#Item2">Item2</a></li> <li><a href="#Item3" class="custom">Item3</a></li> <li><a href="#Item4">Item4</a></li> <li><a href="#Item5" class="custom">Item5</a></li> </ul> 然后在新的 css 文件中覆盖默认的自定义设计。 .custom{ ..... } 我一直在尝试按照你的建议，但添加类和样式不起作用。 例如 .red { color:red; } 但是 .red { color:red !important; } 开始工作 - 你能解释一下为什么吗？？？
我正在使用带有两级列表（下拉列表）的引导菜单。代码示例： ... 我正在使用带有两级列表（下拉列表）的引导菜单。代码示例： <ul class="nav navbar-nav"> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Item0<span> class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#Item1">Item1</a></li> <li><a href="#Item2">Item2</a></li> <li><a href="#Item3">Item3</a></li> <li><a href="#Item4">Item4</a></li> <li><a href="#Item5">Item5</a></li> </ul> </li> <li> <ul class="nav navbar-nav"> <li><a href="#Item1">Item13</a></li> <ul class="dropdown-menu"> <li><a href="#Item1">Item131</a></li> <li><a href="#Item2">Item132</a></li> <li><a href="#Item3">Item133</a></li> <li><a href="#Item4">Item134</a></li> <li><a href="#Item5">Item135</a></li> </ul> <li><a href="#Item2">Item23</a></li> <li><a href="#Item3">Item33</a></li> </ul> </li> 我想对颜色进行一些修改。然而，当我做出改变时： .navbar-default .nav li a{ ... } 它改变所有列表元素的颜色。 是否可以使用不同的颜色来设置嵌套列表的样式，而升级列表有不同的颜色？ 例如“Item0，Item13 Item23 Item33”为红色，“Item1 .. Item5”为蓝色等等...... 您可以通过添加类来设置特定元素组的样式： <li class="yourclass"><a href="#Item1">Item1</a></li> 然后使用 CSS 为所有具有相同类的元素设置样式： .yourclass { color: red } 我希望这有帮助 当然：为您想要不同颜色和背景样式的元素添加一个类。示例 <ul class="dropdown-menu"> <li><a href="#Item1" class='red'>Item131</a></li> <li><a href="#Item2" class='red'>Item132</a></li> <li><a href="#Item3" class='blue'>Item133</a></li> <li><a href="#Item4">Item134</a></li> <li><a href="#Item5">Item135</a></li> </ul> 还有CSS .red { ... } .blue { ... } 我希望这有帮助 您可以为特定列表项提供额外的类，以覆盖 booststrap 中的默认设计。 例如： <ul class="dropdown-menu"> <li><a href="#Item1" class="custom">Item1</a></li> <li><a href="#Item2">Item2</a></li> <li><a href="#Item3" class="custom">Item3</a></li> <li><a href="#Item4">Item4</a></li> <li><a href="#Item5" class="custom">Item5</a></li> </ul> 然后在新的 css 文件中覆盖默认的自定义设计。 .custom{ ..... } 我一直在尝试按照你的建议，但添加类和样式不起作用。 例如 .red { color:red; } 但是 .red { color:red !important; } 开始工作 - 你能解释一下为什么吗？？？
请注意，我继承了一个项目，必须使用Bootstrap 2。我有以下代码，显示在页面的左上角的网站标志，由于某些原因，这个图像被 "推 "到......
Less v2不会编译Twitter的Bootstrap 2.x
编译Twitter的Bootstrap 2.3.2时。少用2我发现出现以下错误：NameError：#grid> .core> .span在199行第3列的/home/bootstrap-2.3.2/less/navbar.less中未定义：...
这就是我面临的问题。 http://bittu.github.com/folderGrid/它首先突出显示最后一个标签，当滚动时，它在每个滚动步骤中仅在两个标签之间切换。这是 ...
html将1列中的2列合并为100％宽度的bootstrap 2
我的.NET MVC项目中有以下HTML标记： @Model.Data @Model.OtherData &...
TypeError：$（...）。modal不是带引导模式的函数
我有一个bootstrap 2.32模式，我试图动态插入到另一个视图的HTML中。我正在使用Codeigniter 2.1。以下动态插入bootstrap模态局部视图...
我不能让滚动间谍与垂直导航一起正常工作。您可以在下面找到我使用的代码。出于某种原因，只有“两个”变得活跃。谁知道出了什么问题呢？
如何在同一页面上使用Bootstrap 4和Bootstrap 2
我有一个用Bootstrap 4编写的Django应用程序。在一个页面上我使用的是一个用Bootstrap 2编写的控件，所以如果我在那个页面上使用Bootstrap 2那么控件可以工作但是其他...