Question

如果我有一个像下面这样堆叠的引导程序列表，那么有一种方法可以使它变大。就像你可以使用按钮（btn-lg）或输入（input-lg）？

<ul class="nav nav-pills nav-stacked">
<li role="presentation" class="active"><a href="#">Home</a></li>
<li role="presentation"><a href="#">Profile</a></li>
<li role="presentation"><a href="#">Messages</a></li>
</ul>

Answer 1

btn-lg遵循其样式定义

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

在line-height的引导程序nav-pills中取自body选择器。因此，您可以通过以下方式重新定义nav-pills列表中列表项的属性：

.nav-pills>li {
    line-height: 2em;
    font-size: 2em;
}
.nav-pills>li>a {
    padding: 10px;
}

等等

＆＃13;

.nav-pills>li {
    line-height: 2em;
    font-size: 2em;
}
.nav-pills>li>a {
    padding: 10px;
}

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<ul class="nav nav-pills nav-stacked">
<li role="presentation" class="active"><a href="#">Home</a></li>
<li role="presentation"><a href="#">Profile</a></li>
<li role="presentation"><a href="#">Messages</a></li>
</ul>

＆＃13;

大型自举堆叠导航丸？

1 个答案: