大規模なブートストラップは、ナビの丸薬を積んだ？

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-lgnav-pillsために、そのスタイル定義ブートストラップline-heightで

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

を次のbodyセレクタ内から取られています。したがって、あなたはnav-pillsリスト内でこのようリストの項目の属性を再定義することができます：あなたは、たとえばに `BTN-lg`クラスを追加することができます

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