有没有办法修复导航选项卡的位置

Question

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

我只想要＆＃34;选项X＆＃34; （以及后来的其他选项）固定在左下角位置。

/* Code moved to jsfiddle */

更新：我可以在https://jsfiddle.net/g9qs869r/2/

中模拟它

Answer 1

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

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

JSFiddle：https://jsfiddle.net/g9qs869r/3/

Answer 2

您需要为li属性添加特定高度，如果您将此行放在css上，行为会根据需要进行更改

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