Bootstrap:在容器中设置图像中心

时间:2014-02-02 10:54:57

标签: html css twitter-bootstrap

在我的页面中我有<div class="container">它必须<div>,其中一个有图像,另一个有标签,我想设置容器的图像中心但我不知道它是怎么回事工作

这是我的代码:

<div style="margin: 30px auto;">
    <div class="container" style="margin: 0px auto;">
        <div class="profile-image" style="margin: 50px auto;">
            <img src="images/pro.png" class="img-responsive"/>
        </div>
        <div class="w470px exam" style="margin: 30px auto;">
            <div class="panel panel-default">
                <div class="panel-body">
                    <ul id="myTab" class="nav nav-tabs nav-justified">
                        <li class="active"><a href="#tab-home" data-value="#home" data-toggle="tab">Home</a></li>
                        <li><a href="#tab-fav" data-value="#fav" data-toggle="tab">Favorites</a></li>
                        <li><a href="#tab-fr" data-value="#fr" data-toggle="tab">Friends</a></li>
                        <li><a href="#tab-ex" data-value="#ex" data-toggle="tab">Experience</a></li>
                    </ul>
                    <div id="myTabContent" class="tab-content">
                        <div class="tab-pane fade in active" id="tab-home" style="margin: 10px;">
                            My Home
                        </div>
                        <div class="tab-pane fade" id="tab-fav" style="margin: 10px;">
                            My Favorites
                        </div>
                        <div class="tab-pane fade" id="tab-fr" style="margin: 10px;">
                            My Friends                            </div>
                        <div class="tab-pane fade" id="tab-ex" style="margin: 10px;">
                            My Experience
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

JSFIDDLE

在jsfiddle所有的东西都没问题,但在我的页面图像中没有中心。

我该如何解决?

1 个答案:

答案 0 :(得分:0)

更改

   <div class="profile-image" style="margin: 50px auto;">


至:

  <div class="profile-image" style="margin:0 auto;">

.profile-image{
   text-align:center;
}