ブートストラップを持つnav-tabsの最後の要素にバグがあります

Question

ブートストラップのナビゲーションタブにバグがあります。 私はラインの2最後のNAVをクリックすると、間違った順序でのnav-タブを表示するバグがある...

ビジュアルレンダリング例：

私のコードを見てこのように：Test Bootstrap

どうすればこの問題を解決できますか？

Answer 1

実際にスクリーンショットで見ることができるように、問題はアクティブタブが残りの部分よりも約2px低いことにあります。修正するには、上部のネガティブ値を大きくするmargin：

ul.bar_tabs>li.active { 
    margin-top: -17px; 
} 

Answer 2

カスタムCSSファイルでこのスタイルを使用してください。

ul.bar_tabs>li.active { 
    border-right: 0px solid #D3D6DA; 
} 

いいですね。