javascript - 怎么让bootstrap删格系统里的标题居中呢？

Question

怎么让bootstrap删格系统里的标题居中呢？标题是动态加的，我以四个字居中如果字数多一些就会跑偏，使用margin：0 auto；没有用。

<p class="row">

    <p class="col-xs-12"> 
        <!-- PAGE CONTENT BEGINS -->
            <p  id="title" >
            <h3 style="margin:0 auto;">娱乐场所</h3>
            </p>
            <p class="col-sm-8" id="pic">
            <p><img src="./朝阳区管理员 - 管理后台_files/fabushijian.png">&nbsp;2016-03-16 16:36:37</p>
            <p><img src="./朝阳区管理员 - 管理后台_files/zuozhe.png">&nbsp;朝阳区管理员</p>
            <p><img src="./朝阳区管理员 - 管理后台_files/liulancishu.png">&nbsp;0</p>
            <p><img src="./朝阳区管理员 - 管理后台_files/fenlei.png">&nbsp;法规</p>
            </p>
            </p>

Answer 1

<h3 class="text-center">娱乐场所</h3>

试下这个

Answer 2

text-align: center !important;

Answer 3

<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

Answer 4

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