Question

嗨，我有一点问题。我想在底部添加几个以div为中心的元素。我试过这个：

position:absolute;
min-width:73px;
min-height:52px;
margin: 0 auto;
  left: 0;
  right: 0;
bottom:0px;

但它不起作用。该代码将每个div设置在相同的位置（vh的底部）。我使用bootstrap，也许这些信息有助于解决这个问题？

完整代码：

<div class="row container-box>

    <div class="col-md-10 col-md-offset-1" >
//some stuff
    </div>

<a href="#second"><span id="myid" class="glyphicon glyphicon-chevron-down "></span></a>

        </div>

Answer 1

Bootstrap有一个.center-block类，但只是将float:none;添加到该类。所以在你的CSS上确保你有：

.center-block{
    float:none
    display: block;
    margin-left: auto;
    margin-right: auto;
}

您的HTML应该如下所示

<div class="container">
  <div class="row">
    <div class="col-md-10 center-block">
     //some stuff
    </div>
  </div>
</div>

中心底部元素到父div

1 个答案: