Html 使引导下拉菜单更大

Html 使引导下拉菜单更大,html,css,twitter-bootstrap-3,Html,Css,Twitter Bootstrap 3,在bootstrap中,使菜单下拉列表变大的正确方法是什么?我尝试过添加divider类和hr,但看起来不太对劲。下面是我到目前为止尝试过的代码的链接修改CSS。尝试覆盖上的CSS。下拉菜单>li>a如下所示: .dropdown-menu>li>a { padding:15px 25px; } 要知道修改哪一个元素,最简单的方法是使用Google Chrome(快捷方式=F12)或Firefox的FireBug检查元素 .navbar-nav>li>.dropdown

在bootstrap中,使菜单下拉列表变大的正确方法是什么?我尝试过添加divider类和hr,但看起来不太对劲。下面是我到目前为止尝试过的代码的链接

修改CSS。尝试覆盖
上的CSS。下拉菜单>li>a
如下所示:

.dropdown-menu>li>a { padding:15px 25px; }
要知道修改哪一个元素,最简单的方法是使用Google Chrome(快捷方式=F12)或Firefox的FireBug检查元素

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

根据需要将填充调整到此元素,但只需确保在加载引导后加载此css。

使用集成样式表时,修改css并不容易,您可以在dropbox中的
ul
类中添加额外样式,如
padding:15px 25px
。请参见下面的示例:

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

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

宽度或高度更大?