放大 Bootstrap 下拉菜单

Question

在 bootstrap 中使菜单下拉菜单变大的正确方法是什么？我试过添加分隔符 class 和 hr，但它看起来不对。这是我迄今为止尝试过的代码 link Bootstrap Drop down menu

Answer 1

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

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

知道要修改哪一个的最简单方法是使用 Google Chrome（快捷键 = F12）或 Firefox 的 FireBug.

检查元素

Answer 2

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

根据您的需要调整此元素的填充，但请务必在加载 bootstrap.

后加载此 css

Answer 3

使用集成样式表时，修改 css 并不容易，您可以从 dropbox 在 ulclass 中添加额外的样式，例如 padding:15px 25px。请参阅以下示例：

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

希望对您有所帮助！祝你好运

Make Bootstrap Dropdown menu bigger