我正在尝试将列的内容居中。看起来对我不起作用。这是我的 HTML:
<div class="row">
<div class="col-xs-1 center-block">
<span>aaaaaaaaaaaaaaaaaaaaaaaaaaa</span>
</div>
</div>
JSFiddle 演示
Use:
<!-- unsupported by HTML5 -->
<div class="col-xs-1" align="center">
代替
<div class="col-xs-1 center-block">
您还可以使用 bootstrap 3 css:
<!-- recommended method -->
<div class="col-xs-1 text-center">
Bootstrap 4 现在具有将内容居中的 Flex 类:
<div class="d-flex justify-content-center">
<div>some content</div>
</div>
请注意,默认情况下它将是x-axis
unless flex-direction
is column
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)