有没有办法修复导航标签的位置答案

【问题标题】：Is there a way to fix the navigation tab position有没有办法修复导航标签的位置
【发布时间】：2017-04-04 06:31:55
【问题描述】：

我在导航选项卡的相对位置和底部边框方面遇到问题。这可以在这个 GIF 中看到： http://imgur.com/a/xKUmp

我只想将“选项 X”（以及稍后出现的其他选项）固定在左下位置。

/* Code moved to jsfiddle */

更新：我可以在https://jsfiddle.net/g9qs869r/2/中模拟它

【问题讨论】：

【解决方案1】：

你的风格有问题。您正在使顶行元素高度大于其余元素。为了消除差异，您可以添加到所有选项卡：

.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
  border-bottom: 4px solid #FFF; // added border in order to keep element height
}

【讨论】：

【解决方案2】：

你需要为 li 属性添加一个特定的高度，如果你把这条线放在你的 css 上，行为会根据需要改变

.nav-tabs > li{ height:40px;}

【讨论】：