大型自助式堆疊式導航丸？

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;
}

在Bootstrap中， nav-pills line-height是從body選擇器中獲取的。 因此，您可以通過以下方式在nav-pills列表內重新定義列表項的屬性：

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

等等

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

 <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>