向右拉时如何在 Bootstrap 动态导航栏选项卡上保留边框底部

Question

有没有人有 CSS 解决方案，使 Bootstrap 动态选项卡的底部边框在将选项卡从左侧 "float" 移动到右侧 "float" 时保持原位？

<ul class="nav nav-tabs">

<ul class="nav nav-tabs navbar-right">

Answer 1

我使用了基本的 bootstrap 选项卡，只对 css 添加了一个更新，边框没有消失。这是我在容器右侧做标签时发现的一个有用的 bootply 的分支：

http://www.bootply.com/4WECvfhsko

这是只有基本选项卡向左浮动的 bootply：

http://www.bootply.com/cjFJup6puA

请注意，我在评论上方添加了 css，使列表项向右浮动。

.nav-tabs > li {
  float: right;
}

您是否在特定的浏览器中遇到过这种情况？您是否尝试过其他浏览器？