当导航栏下拉进入堆栈而不是叠加时,Twitter bootstrap 3.0.2会发生变化

时间:2013-11-11 13:34:41

标签: html css twitter-bootstrap twitter-bootstrap-3

我在twbs 3.0.2中创建了一个导航栏,该导航栏在@screen-md处折叠我想要更改为下拉菜单的外观。我希望它们以缩进菜单而不是叠加打开(见图片)

这位于配置中的位置,或者如何添加自定义CSS以覆盖此行为?

当前下拉列表 http://i.stack.imgur.com/1vHlJ.png

我想要这个堆叠版本:http://i.stack.imgur.com/1hwTO.png

编辑:经过一些测试后,我发现在768px处,从叠加下拉列表到堆叠下拉列表的变化发生但我似乎无法在css文件中的任何位置找到它

1 个答案:

答案 0 :(得分:0)

您可以使用CSS定位下拉菜单的折叠版本。增加左边距以使它们缩进...

  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    padding-left: 40px;
  }

Bootply