Question

我正在尝试将表格结构合并到我的Bootstrap导航栏中。目前我有以下设置：

<div class="navbar navbar-inverse navbar-static-top">

      <div class="container-fluid">
        <div class="navbar-header">
          <div class="navbar-brand">
            <i class="fa fa-cog"></i> Settings
          </div>
        </div>
        <div class="container collapse navbar-collapse">
          <ul class="nav nav-tabs ">
            <li><a href="#/menu1">MENU-ITEMS1</a></li>
            <li><a href="#/menu2">MENU-ITEMS2</a></li>
            <li><a href="#/menu3">MENU-ITEMS3</a></li>
            <li><a href="#/menu4">MENU-ITEMS4</a></li>
          </ul>
        </div>
      </div>
    </div>

我的标签垂直对齐在顶部，但我需要它们在导航栏的底部。

以下Bootply演示了此问题： http://www.bootply.com/ouKLqFBeqj

Answer 1

以下是 Codepen ，您可以查看http://codepen.io/noobskie/pen/rOVaKV

我完成的所有内容都包含了我在评论Twitter Bootstrap: Align nav-tabs to bottom of div

中发布的链接中的修复程序

基本上你需要做的就是将position:relative类添加到选项卡的父div中，然后在选项卡列表中添加 position:absolute; bottom:0; 在您的情况下，由于您的导航栏链接

，我添加了left:95

Bootstrap - 带标签的顶部导航栏

1 个答案: