在bootstrap中使菜单下拉的正确方法是什么?我尝试过添加divider类和hr,但它看起来并不合适。这是我迄今为止尝试过的代码Bootstrap Drop down menu
的链接答案 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 25px
类ul
中的额外样式。请参阅以下示例:
<ul style="padding:15px 25px" class="dropdown-menu" role="menu">
我希望这会有所帮助!祝你好运