为什么我不能设置导航标签的宽度

-1

我的导航分区大小为col-md-4，我有6个标签，我无法联系到所有标签。为什么我不能设置导航标签的宽度

当我更改文本标签的字体大小时，我可以联系，这对我来说不是很好的解决方案。

我试图设置每个标签的宽度，但不工作。我怎样才能设置一些标签的宽度是小的，但第二要大一些。

另外我有填充，当我悬停在导航栏的末尾

http://i.imgur.com/9Px4qqk.png

 <nav class="row"> 
      <ul class="nav nav-tabs"> 
       <li class="tab1"><a href="#"> <span class="glyphicon glyphicon-user"></span> Name &nbsp &nbsp<span class="glyphicon glyphicon-chevron-down"></span> </a></li> 
       <li><a href="#"><span class="glyphicon glyphicon-flag"></span>Text Link </a> </li> 
       <li><a href="#"> <span class="glyphicon glyphicon-envelope"></span> Message </a> </li> 
       <li><a href="#"> <span class="glyphicon glyphicon-oil"></span>10 </a> </li> 
       <li class="tab5"><a href="#"><span class="glyphicon glyphicon-asterisk"></span> </a> </li> 
       <li><a href="#"><span class="glyphicon glyphicon-home"></span> </a> </li> 
      </ul> 



    </div>

CSS

.nav-tabs li .tab5{ 

    width:4%; 
}

来源

2015-04-19 RS92

我是编辑，现在我的答案并写道 – RS92

真的不清楚你在问什么。第五个选项卡*比其他选项小。你是否想减少内部填充？请创建一个演示来显示问题。 http://jsfiddle.net – isherwood

我更新了我的答案。 – Sebsemillia

你的选择是错误的，你必须这样做：

.nav-tabs li.tab5 { 
    width: 4%; 
}

类.tab5是li标记，因此您必须连接它们。

Working Example

UPDATE

如果要满足所有在一排，尝试用填充玩，就像这样：

.nav>li>a { 
    padding: 10px 3px; 
}

Updated Example

来源

2015-04-19 15:55:54 Sebsemillia

好吧，但多数民众赞成那不是我的解决方案，我不能设置所有标签在一行，beacuse区域是col-md-4 – RS92

为什么我不能设置导航标签的宽度

回答

相关问题