引导导航标头高度

bootstrap nav header height

本文关键字：高度 导航      更新时间：2023-09-26

如何使选项卡的所有名称的高度大小相同？在 LI 高度是相同的，但如果我为 A 高度做：100% 没有任何变化。谢谢 

simple bootstrap

例

你可以使用 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/

相关文章：