javascript - ブートストラップ ナビゲーション ヘッダーの高さ

Question

タブのすべての名前の高さを同じサイズにする方法は? LI では高さは同じですが、A の高さ: 100% の場合は何も変わりません。ありがとう

simple bootstrap

例

Answer 1

ジャバスクリプトを使用できます

$(document).ready(function(){
   var highest = null;

   $(".nav-tabs a").each(function(){  //find the height of your highest link
       var h = $(this).height();
       if(h > highest){
          highest = $(this).height();  
       }    
    });

   $(".nav-tabs a").height(highest);  //set all your links to that height.
});

http://jsfiddle.net/wW2py/9/

CSSの場合、次のことができます

.nav-tabs a {
   height: 62px;  
}

あなたの例では 62px で動作しますが、テキストが最も多いタブに収まる大きさになるように調整する必要があります。また、ブートストラップ css の後に css を適用してください。

http://jsfiddle.net/p9eFQ/