如何在Bootstrap Mobile Bottom Navbar上设置固定高度

Question

我有一个固定的底部页脚，作为一个＆＃34; iphone风格＆＃34;导航栏。

<div class="col-xs-12 navbar-inverse navbar-fixed-bottom">
  <div class="row" id="bottomNav">

    <a href="/merchants"><div class="col-xs-4 text-center icon-flag"></div></a>
    <a href="/credits"><div class="col-xs-4 text-center icon-credit"></div></a>
    <a href="/profiles"><div class="col-xs-4 text-center icon-user"></div></a> 

   </div>
</div>

这是原始的例子：

http://www.bootply.com/108286#

我对原始代码进行了更改，以使完整的div成为链接。我刚刚将<a>标记移到了div之外。

我遇到的问题是导航栏的高度不够，部分图标位于导航栏之外。

我尝试过创建自定义类

.navbar-custom{
   height: 200px;
}

并将其分配给div：

<div class="col-xs-12 navbar-inverse navbar-fixed-bottom navbar-custom">

它不起作用。这一行都没有：

<div class="col-xs-12 navbar-inverse navbar-fixed-bottom navbar-custom">

有什么想法吗？

更新： 自定义类确实有效。我的错。问题是图标或固定在行的顶部而不是底部。

Answer 1

您可以尝试将a添加到导航栏内部吗？

您可以使用bootstrap示例作为参考：

http://getbootstrap.com/components/#navbar

在执行此操作时，请考虑导航栏html的结构。