在 bootstrap 中，.pull-right 用于右对齐，.pull-left 用于左对齐，然后什么用于居中？

Question

在 bootstrap 中 .pull-right 用于右对齐 .pull-left 用于左对齐然后什么用于居中？

原文由 Munasir Pv 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

Bootstrap 的 .pull-left 和 .pull-right ，使用 css-float 工作。

float 的工作方式是在浮动元素周围流动以下内联元素。

css-float 支持： left ， right ， none 。没有中心选项。因此，没有 .pull-center 。

您可以通过将 css: text-align: center 应用于父元素来对齐块元素中的所有内联元素。

如果您尝试居中的元素应该是内联和块状的，则应将其设置为 display: inline-block 。

您可以在此处的引导程序中看到一些文本对齐选项： http://getbootstrap.com/css/#type-alignment 请注意， <p> 是块类型元素，其中的文本具有隐式文本节点是 display: inline 。

center-block 类只能用于图像： http://getbootstrap.com/css/#images

原文由 Norbert 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

尝试 center-block 或使用网格列使元素居中。如果文本使用 text-center

原文由 MAREESKANNNAN RAJENDRAN 发布，翻译遵循 CC BY-SA 3.0 许可协议