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

【问题标题】：How to retain border-bottom on Bootstrap dynamic navbar tabs when pulling right向右拉时如何在 Bootstrap 动态导航栏选项卡上保留边框底部
【发布时间】：2015-11-03 02:43:34
【问题描述】：

在将选项卡从左侧“浮动”移动到右侧“浮动”时，是否有 CSS 解决方案可以使 Bootstrap 动态选项卡的底部边框保持原位？

<ul class="nav nav-tabs">

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

【问题讨论】：

标签： css twitter-bootstrap-3 css-float navbar

【解决方案1】：

我使用了基本的引导选项卡，只向 css 添加了一个更新，边框并没有消失。这是我在容器右侧执行选项卡时发现的一个有用的 bootply 的分支：

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

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

http://www.bootply.com/cjFJup6puA

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

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

您是否有特定的浏览器遇到此问题？您是否尝试过其他浏览器？

【讨论】：

尝试了所有浏览器，最新和最好的 -- PC：IE 11、Safari 5.1.7、Firefox 41.0.2、Chrome 46.0、Opera 33.0 | Macbook：Safari 9.0.1、Chrome 46.0
@H. Ferrence - 你看过我寄来的靴子了吗？你是浮动
- ？你能在 bootply 中提供你的标记和相关的 CSS 吗？这是一个只有基本标签的更干净的引导：bootply.com/cjFJup6puA
完美，谢谢@Hideous1。之后我需要做的就是重新排序我的<li> 列表项，以使选项卡按我想要的顺序显示。
很高兴能帮上忙！！