css - 向右拉时如何在 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;
}

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