javascript - Bootstrap 导航标题高度

Question

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

simple bootstrap

example

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 有效，但您需要对其进行调整，使其足够大以适应包含最多文本的选项卡。还要确保在 Bootstrap css 之后应用 css。

http://jsfiddle.net/p9eFQ/