Question

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

它似乎现在正常运作，但我希望再做一件事。

我希望子导航*的宽度为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;
}

如果覆盖此项，则子菜单项应为全宽

twitter bootstrap水平导航下拉列表

1 个答案: