引导导航栏中的下拉边距

时间:2014-07-10 10:19:04

标签: html css css3 twitter-bootstrap

如何对齐引导程序navbar drop-down?下拉列表始终从右上角开始,是否可以设置drop-down的起点。

example

这是the fiddle

我点击时的菜单始终从右侧开始。是否有可能将第一个菜单掉落到一些边缘?下拉菜单应该从点击的菜单开始,而不是从完全正确开始。

2 个答案:

答案 0 :(得分:3)

添加此CSS

CSS

.navbar .nav>li {
  position: relative;
}

DEMO

答案 1 :(得分:1)

不确定您使用Bootstrap 2.1的原因,但是您.dropdown上的<li>类错过了假设有下拉列表的课程。

<li class="dropdown">
  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
    <b class="caret"></b>
  </a>
  <ul class="dropdown-menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li class="divider"></li>
    <li class="nav-header">Nav header</li>
    <li><a href="#">Separated link</a></li>
    <li><a href="#">One more separated link</a></li>
  </ul>
</li>