怎么让bootstrap删格系统里的标题居中呢?

吾曾今愛看武俠劇
  • 901

怎么让bootstrap删格系统里的标题居中呢?标题是动态加的,我以四个字居中如果字数多一些就会跑偏,使用margin:0 auto;没有用。
图片描述

<div class="row">

    <div class="col-xs-12"> 
        <!-- PAGE CONTENT BEGINS -->
            <div  id="title" >
            <h3 style="margin:0 auto;">娱乐场所</h3>
            </div>
            <div class="col-sm-8" id="pic">
            <div><img src="./朝阳区管理员 - 管理后台_files/fabushijian.png">&nbsp;2016-03-16 16:36:37</div>
            <div><img src="./朝阳区管理员 - 管理后台_files/zuozhe.png">&nbsp;朝阳区管理员</div>
            <div><img src="./朝阳区管理员 - 管理后台_files/liulancishu.png">&nbsp;0</div>
            <div><img src="./朝阳区管理员 - 管理后台_files/fenlei.png">&nbsp;法规</div>
            </div>
            </div>
回复
阅读 5.6k
4 个回答
✓ 已被采纳
<h3 class="text-center">娱乐场所</h3>

试下这个

text-align: center !important;
<p class="text-left">Left aligned text.</p>
<p class="text-center">Center aligned text.</p>
<p class="text-right">Right aligned text.</p>
<p class="text-justify">Justified text.</p>
<p class="text-nowrap">No wrap text.</p>

bootstrap官方文档 http://getbootstrap.com/css/#type-alignment

JasperC
  • 3
新手上路,请多包涵

text-align="center"
或者用boostrap的class="text-center"
应该可以

宣传栏