html - 如何在 bootstrap 的 col-md-12 中居中 div

Question

我在 col-md-12 中将组件居中时遇到问题.例如，我有 12 列 <h1>或 <h2>里面。我要<h1>居中。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>

<div class="container">
  <div class="row">
    <div class="col-md-12">
      <div id="naglowek">
        <h1>Something</h1>
      </div>
    </div>
  </div>
</div>

我试图访问 css 类 text-center或 block-center到 div，但每次 <h1>被飘到了左边。我需要自己居中并设置填充。我该如何解决这个问题？

Answer 1

<div class="col-md-12 text-center">适用于 Bootstrap ，无需添加任何样式，除非您已经为 h1 设置了一些样式.即使是这样，您也可以使用 .text-center对于 h1 似乎您在该父 div 中使用宽度。如果您需要内容为 100% 宽度，请不要这样做。根据背景，如果你需要100%的区域占据背景，你可以简单地在div中使用它，如果不需要，你最好用一些伪类来使用它:before或 :after