twitter-bootstrap-2 相关问题

Bootstrap 2是第二代前端框架，允许更快的Web开发。有关Bootstrap 3的问题，请使用“twitter-bootstrap-3”。

我正在使用带有两级列表（下拉菜单）的引导菜单。我正在使用的代码示例是： ... 我正在使用带有两级列表的引导菜单（下拉菜单）。我使用的代码示例是： <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; } 开始工作 - 你能解释一下为什么吗？？？

css list menu styles twitter-bootstrap-2

回答 4 投票 0

如何使用 Bootstrap 设置导航列表的样式

我正在使用带有两级列表（下拉列表）的引导菜单。代码示例： ... 我正在使用带有两级列表（下拉列表）的引导菜单。代码示例： <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; } 开始工作 - 你能解释一下为什么吗？？？

css list menu styles twitter-bootstrap-2

回答 4 投票 0

在Bootstrap 2中删除div中的沟槽间隙。

请注意，我继承了一个项目，必须使用Bootstrap 2。我有以下代码，显示在页面的左上角的网站标志，由于某些原因，这个图像被 "推 "到......

css twitter-bootstrap twitter-bootstrap-2

回答 1 投票 1

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中未定义：...

twitter-bootstrap less twitter-bootstrap-2

回答 4 投票 33

bootstrap scrollspy不工作

这就是我面临的问题。 http://bittu.github.com/folderGrid/它首先突出显示最后一个标签，当滚动时，它在每个滚动步骤中仅在两个标签之间切换。这是 ...