html - 如何使用 float : left; in Bootstrap 3? 居中 DIV

Question

我已经和这些东西打了一段时间了，想不通:

<div class="container">
  <div>
    <div style="float: left;">xxx</div>
    <div style="float: left;">xxx</div>
    <div style="float: left;">xxx</div>
  </div>
</div>

我无法将这 3 个 float: left; DIV 居中...(我不想为它们使用硬宽度)。

感谢您的任何建议。

Answer 1

尝试以下操作:

<div class="container">
  <div class="row">
    <div class="span4 offset4" style="float: left; text-align: center">xxx</div>
    <div class="span4 offset4" style="float: left; text-align: center">xxx</div>
    <div class="span4 offset4" style="float: left; text-align: center">xxx</div>
  </div>
</div>

另一种可能的解决方案是创建自定义类:

CSS:

.centered {
     float: none;
     margin-left: auto;
     margin-right: auto;
}

HTML:

<div class="span4 offset4 centered"> xxx </div>