javascript - 引导导航标题高度

Question

如何使标签的所有名称的高度相同？在 LI 高度是相同的，但如果我为 A height: 100% 做任何改变。谢谢

simple bootstrap

例子

Answer 1

你可以使用 javascript

$(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/