Question

我有三个盒子，我需要集中他们，但我不知道该怎么做。

照片 - ＆gt; - ＆GT; http://i.imgur.com/mc99Oxo.png

HTML：

 <div class="row">
      <div class="col-md-4 box">OPEN BAR + DRINKING GAMES</div>
      <div class="col-md-4 box">CONHECER VÁRIOS BARES E BALADAS EM UMA DAS MAIORES CIDADES DO MUNDO</div>
      <div class="col-md-4 box">CONHECER PESSOAS</div>
 </div>

CSS：

 #about .box {
      background-color: transparent;
      border: 1px solid white;
      width: 250px;
      height: 350px;
      margin-top: 50px;
      margin-bottom: 50px;
      margin-right: 140px;
 }

我已经尝试设置margin：0 auto;到行类，但它根本不工作..

Answer 1

将它们包裹在.container类的div中。

示例：

<div class="container">
    <div class="row">
       <div class="col-md-4 box">OPEN BAR + DRINKING GAMES</div>
       <div class="col-md-4 box">CONHECER VÁRIOS BARES E BALADAS EM UMA DAS MAIORES CIDADES DO MUNDO</div>
       <div class="col-md-4 box">CONHECER PESSOAS</div>
    </div>
</div>

Answer 2

Bootstrap有一个文本中心类，您可以将它应用于您的div。

如何在Bootstrap中心3个框

2 个答案: