twitter bootstrap 水平导航下拉菜单

Question

我正在使用 twitter bootstrap，我正在尝试使下拉菜单水平，您可以在此处查看演示： 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 引导程序将以下 CSS 规则应用于 .dropdown-menu

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

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