如何在引导程序中将 div 置于 col-md-12 中

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-centerdiv，但每次<h1>都向左浮动。我需要自己居中并设置填充。我该如何解决这个问题？

Answer 1

<div class="col-md-12 text-center">适用于引导程序，无需添加任何样式，除非您已经为h1. 即使是这种情况，您也可以使用.text-centerforh1 似乎您在该父 div 中使用宽度。如果您需要内容为 100% 宽度，请不要这样做。并且根据背景，如果您需要 100% 的区域占据背景，您可以简单地在 div 中使用它，如果没有，您最好将它与一些伪类一起使用:before或:after

Answer 2

在引导程序 4中

我知道这不是这个问题的直接答案，但它可能会对某人有所帮助

要使子级水平居中，请使用 bootstrap-4 类

justify-content-center

要使子项垂直居中，请使用 bootstrap-4 类

 align-items-center

但请记住不要忘记使用 d-flex 类，它是 bootstrap-4 实用程序类，如下所示

<div class="d-flex justify-content-center align-items-center" style="height:100px;">
    <span class="bg-primary">MIDDLE</span>    
</div>

复制并粘贴此代码片段以检查其工作原理

注意：如果此代码不起作用，请确保添加 bootstrap-4 实用程序。

希望这会对某人有所帮助。