使Bootstrap下拉菜单更大

时间:2015-03-30 03:55:05

标签: html css css3 twitter-bootstrap-3

在bootstrap中使菜单下拉的正确方法是什么?我尝试过添加divider类和hr,但它看起来并不合适。这是我迄今为止尝试过的代码Bootstrap Drop down menu

的链接

3 个答案:

答案 0 :(得分:2)

修改CSS。尝试覆盖.dropdown-menu>li>a上的CSS,如下所示:

.dropdown-menu>li>a { padding:15px 25px; }

了解哪一个要修改的最简单方法是使用Google Chrome浏览器检查元素(快捷键= F12)或Firefox的FireBug。

答案 1 :(得分:0)

.navbar-nav>li>.dropdown-menu{
padding-left:10px;
padding-right:10px;
}

根据需要调整此元素的填充,但只需确保在加载bootstrap后加载此css。

答案 2 :(得分:0)

使用集成样式表时,修改css并不容易。您可以从保管箱中添加padding:15px 25pxul中的额外样式。请参阅以下示例:

<ul style="padding:15px 25px" class="dropdown-menu" role="menu">

我希望这会有所帮助!祝你好运