Question

这是导航栏菜单代码的一部分：

<div class="collapse navbar-collapse" id="navHeaderCollapse2">
<ul class="nav navbar-nav">
<li I .... </li>
</ul>
</div>

什么定义了ul类“nav navbar-nav”的宽度？当我在开发工具中查看页面时，我看到了项目（li），但我无法弄清楚宽度的定义。

我问的原因是我有4个“li”项目（3个锚点和一个asp：LoginStatus控件）。在IE中，所有4个项目都在一行中;这就是我想要的。但是当我查看Chrome中的页面时，最后一项（asp：LoginStatus）会进入下一行。这一切都在大型显示器上。

我意识到他与Bootstrap 3在webkit引擎中的工作方式有关，但我无法想象如何自定义更改它。可能是在Chrome中UL属性是“用户代理样式表”吗？

通过将UL的内联样式设置为“width：900px”解决了该问题。但很高兴知道为什么 - 在此属性被覆盖之前 - UL的宽度为612px。

Answer 1

我意识到这个问题已经过时了，但找出这类问题的最佳方法是使用浏览器工具找出样式设置的类。

在你的情况下，我无法在这里重现它（可能是由于次要的版本颠簸和错误修复），我可以看到宽度未明确设置在`nav navbar-nav ul＆＃ 39;元素，因此它从子控件的组合宽度传播。

这通常是设置子元素的某些其他属性的症状（例如附加填充或边距），Bootstrap本身并不期望这些属性。也可能是容器元素无意中没有关闭标记。您现在可以使用超级方便的Bootlint检查程序来确保您的文档结构和类符合Bootstrap期望，甚至可以将其添加到CI过程中。