Question

这是我的第一个Twitter Bootstrap体验。我添加了一些标题（h1，h2等），它们在左侧对齐。什么是以标题为中心的正确方法？

Answer 1

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

bootstrap为文本对齐添加了三个css类。

Answer 2

只需使用class =＆＃39; text-center＆＃39;在元素中心标题。

<!-- build:js assets/deps.js -->
<script src="/bower_components/angular/angular.js"></script>
<script src="/bower_components/angular-route/angular-route.js"></script>
<script src="https://code.angularjs.org/1.5.5/angular-sanitize.js"></script>
<script src="/bower_components/angular-messages/angular-messages.js"></script>
<!-- endbuild -->

使用class =＆＃39; text-left＆＃39;在左侧标题的元素中，并使用class =＆＃39; text-right＆＃39;在右侧标题的元素。

Answer 3

根据您的意见，要将所有标题集中在一起，您需要同时向所有标题添加text-align:center，如下所示：

<强> CSS

    h1, h2, h3, h4, h5, h6 {
        text-align: center;
    }

Answer 4

只需在该行的class属性中使用“ justify-content-center”。

<div class="container">
  <div class="row justify-content-center">
    <h1>This is a header</h1>
  </div>
</div>

Answer 5

Bootstrap附带了许多预构建类，其中一个是class="text-left"。请在需要时拨打本课程。 :-)

Bootstrap中心标题

5 个答案: