<分区>
每当我尝试针对与我类似的问题发布的解决方案时，我都会遇到同样的问题。标题文本会忽略所有内容。这是问题标记；这是一个非常简单的三列行。
<div class="row">
<div class="col-md-4">
<h3 class="events">Upcoming Events</h3>
</div>
<div class="col-md-4">
<h3 class="register">Signup</h3>
</div>
<div class="col-md-4">
<h3 class="search">Search Here</h3>
</div>
</div>
此外，这是我在标准 Bootstrap CSS 之上添加的 CSS。
h3.earnings, h3.register, h3.search {
text-align: center
}
无论我使用任何样式技巧，标题文本在其父 div 列中都只是保持左对齐。我缺少什么，可以让我正确地格式化我的布局？
最佳答案
使用 text-center 作为 col-md-4 旁边的类。
例如:
<div class="row">
<div class="col-md-4 text-center">
<h3 class="events">Upcoming Events</h3>
</div>
<div class="col-md-4 text-center">
<h3 class="register">Signup</h3>
</div>
<div class="col-md-4 text-center">
<h3 class="search">Search Here</h3>
</div>
</div>
或者如果你只是想要h3，
<div class="row">
<div class="col-md-4">
<h3 class="events text-center">Upcoming Events</h3>
</div>
<div class="col-md-4">
<h3 class="register text-center">Signup</h3>
</div>
<div class="col-md-4">
<h3 class="search text-center">Search Here</h3>
</div>
</div>
text-center 内置在 bootstrap 中，所以你不妨使用它。 :)
关于html - Bootstrap : Center a header within a div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22857001/