Question

我无法让它发挥作用。

我有一个导航栏

<div class="container">
  <div class="navbar">
    <div class="navbar-inner">
      <div class="pull-right">
        <button class="btn btn-small btn-primary">Nieuwe medewerker</button>
      </div>
    </div>
  </div>
</div>

现在这是一个很好的条形宽度，容器的宽度，它位于中间，正是我想要的。

现在我希望将这个精确的条形图固定到底部，但是当我添加navbar-fixed-bottom时，它会自动延伸到我的窗口大小。

<div class="navbar navbar-fixed-bottom">

我一直试图调整css，但无法让它发挥作用。有人知道如何做到这一点。

感谢

Answer 1

navbar-fixed-bottom使用position:fixed，因此它会从页面流中删除，不再占用其容器的宽度。

您可以改为创建另一个类（即; navbar-bottom）并使用绝对位置将其放在底部......

.navbar-bottom {
    position:absolute;
    bottom:0;
    width:90%;
    margin-bottom:0;
}

演示：http://www.bootply.com/126172

bootstrap navbar如何给它一个最大宽度

1 个答案: