Question

晚上好！自从我试图找出如何将行引导的内容集中在一起之后的几天。我将解释： Row包含12列（正常用于bootstrap）。在我的布局中，我只使用了9个（3个中的3个元素）。如何在宽度3元素的外边缘之间平均分配多余的空间？

我试图修改bootstrap css代码，但显然我确实损坏了。有没有人有任何建议？

Answer 1

尝试这样的事情：

<div class="row" style="text-align: center;">
  <div style="width: 75%; margin: auto;">
    <div class="container-fluid">
      <div class="row">
         <div class="col-md-4"></div>
         <div class="col-md-4"></div>
         <div class="col-md-4"></div>
      </div>
    </div>
  </div>
</div>

Answer 2

<div class="container">
            <div class="row">
                <div class="col-xs-3 col-xs-offset-1">1</div>
                <div class="col-xs-3 col-xs-offset-1">2</div>
                <div class="col-xs-3 col-xs-offset-1">3</div>
    </div>
</div>

http://jsfiddle.net/ayang10/fbtw6/1502/

Answer 3

执行以下操作：

**CSS**

.row.text-center > div {
    display: inline-block;
    float: none;
}

<强> HTML

<div class="row text-center">
    <div class="col-sm-3">
        Centered content here
    </div>
</div>

如何居中引导行元素？

3 个答案: