Twitter bootstrap 如何使用引导创建类似gmail标签导航栏的导航栏

如何创建一个像Gmail标签导航栏一样的导航栏，它有主导航栏、社交导航栏、促销导航栏和更新导航栏。我必须使用引导，而不是使用angular js。这是否可以通过引导实现

<!-- tabs -->
          <div class="container">
        <div class="tabbable">
          <ul class="nav nav-tabs">
            <li class="active"><a href="#one" data-toggle="tab">One</a></li>
            <li><a href="#two" data-toggle="tab">Two</a></li>
            <li><a href="#twee" data-toggle="tab">Twee</a></li>
          </ul>
          <div class="tab-content">
            <div class="tab-pane active" id="one">Content for Tab 1.Content for Tab 1.Content for Tab 1.</div>
            <div class="tab-pane" id="two">Content for Tab 2.Content for Tab 2.Content for Tab 2.</div>
            <div class="tab-pane" id="twee">Content for Tab 3.Content for Tab 3.Content for Tab 3.</div>
           </div>
        </div>
              </div>
                <div class="container">
        <!-- /tabs -->

选项卡1的内容。选项卡1的内容。选项卡1的内容。
选项卡2的内容。选项卡2的内容。选项卡2的内容。
选项卡3的内容。选项卡3的内容。选项卡3的内容。

---

我需要为每个标签应用自定义背景，当标签处于活动状态时，标签顶部会有一条直线，就像gmail一样。如何实现这一点？

您可以使用标准引导css/js/jquery和Font Awesome（或任何字体库）实现这一点

它只是标准的导航药丸和一些CSS，以实现Gmail外观，同时使其对移动设备做出响应

正文{
填充：20px；
}
#gmailTab.tab内容{
颜色：#1c1c；
背景色：#ccc；
填充：5px15px；
}
#gmailTab.nav药丸>li>a{
边界半径：0；
背景色：#eee；
背景色：#ccc；
}
#gmailTab.nav药丸>li.active>a，
#gmailTab.nav药丸>li.active>a：聚焦，
#gmailTab.nav药丸>li.active>a:悬停{
边框顶部：3px实心#f00；
}
@介质（最大宽度：767px）{
.nav药丸>李{
浮动：无；
}
}

GMail菜单












Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。
许多桌面发布软件包和网页编辑器现在使用Lorem Ipsum作为默认模型文本，搜索“Lorem Ipsum”将发现许多尚处于起步阶段的网站。多年来，各种版本不断演变。
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。
许多桌面发布软件包和网页编辑器现在使用Lorem Ipsum作为默认模型文本，搜索“Lorem Ipsum”将发现许多尚处于起步阶段的网站。多年来，各种版本不断演变。
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。

是的，这是可能的。它可能同时涉及引导和jquery。你试过什么吗？@VimalanJayaGanesh，是的，我试过一个代码，并在我的问题中添加了。谢谢你的帮助。但当屏幕缩小并变得像手机大小时，标签排列不正确。你能帮我解决这个问题吗？他们应该怎么安排，因为我不相信标准的gmail应用程序会在手机网站上显示这些标签。这就是我需要的。