Question

我正在尝试将此Back按钮对齐到网格中。我只能对齐顶部或中心。有人可以提供一个如何做到这一点的例子吗？

THX

    <!-- Action bar clone -->
    <div id="header">
      <div class="col-xs-12 navbar-inverse navbar-top">
          <div class="row" role="nav" id="topNav">
            <div class="col-xs-2">
                <div class="glyphiconHeaderBack"><a href="#"><i class="glyphicon glyphicon-arrow-left"></i></a></div>
            </div>
            <div class="col-xs-8 text-center glyphiconHeader"><h1>Test Header</h1></div>
            <div class="col-xs-2><a href="#">&nbsp;</a></div>
          </div>
      </div>
    </div>

Answer 1

开箱即用的bootstrap没有很好的垂直对齐选项。在过去，我所做的（以及我在那里看到的大部分内容）都使用填充来对齐您想要的项目。在你的背部元素上添加一些元素会让我更好地对齐它。

padding:24px;

在此处查看它：http://codepen.io/egerrard/pen/xEYOzy

如何在Boostrap网格中垂直，居中和左对齐？

1 个答案: