jquery - twitter bootstrap 水平导航下拉菜单

Question

我正在使用 twitter 引导程序，我正在尝试使下拉菜单水平，你可以在这里看到一个演示：http: //bit.ly/13rrJNQ

它现在似乎可以正常工作，但我希望再实现一件事。

我希望 sub nav* 的宽度为 100%，因此具有蓝色背景的 sub nav 完全填充了页面的宽度。

你认为这样做可行吗？

*子导航

<ul id="ent-nav-dd" class="dropdown-menu">
<li><a href="#">sub lorem 1</a></li>
<li><a href="#">sub lorem 2</a></li>
<li><a href="#">sub lorem 3</a></li>
<li><a href="#">sub lorem 4</a></li>
<li><a href="#">sub lorem 5</a></li>
<li><a href="#">sub lorem 6</a></li>
<li><a href="#">sub lorem 7</a></li>
<li><a href="#">sub lorem 7</a></li>

</ul>

Answer 1

Twitter bootstrap 将以下 CSS 规则应用于 .dropdown-menu

.navbar .dropdown-menu {
    margin: 0 15px;
}

如果你覆盖它，那么子菜单项应该是全宽的