如何使用 Twitter Bootstrap 将元素垂直或水平居中？

使用 Twitter Bootstrap 将元素居中

在 Twitter Bootstrap 中，是否可以在父级中垂直或水平居中 HTML 元素

解决方案

Bootstrap提供了多种居中元素的解决方案：

1.偏移量（当前最佳实践）

此方法使用“mx-auto”类：

<div>
<p><strong>2。原生 Bootstrap 类（已弃用）</strong></p>
<p>为了兼容旧版本，Bootstrap 仍然提供以下类：</p>
<ul><li>
<p><strong>水平居中：</strong></p> <ul>
<li>块级内容的文本中心element</li>
<li>pagination-centered 用于居中分页元素</li>
</ul>
</li></ul>
<p><strong>示例：</strong></p>
<pre class="brush:php;toolbar:false"><div><p><strong>注意:</strong>虽然这些较旧的课程可能在早期就有效2013 年，现在推荐的方法是使用偏移量以获得更好的一致性和灵活性。</p></div>