如何使用Bootstrap將div居中

Question

我如何居中位於span7內的div以使span7和span5都顯示在同一行中？我正在使用bootstrap 2.3.2

這是我的代碼jsfiddle

<div class="row-fluid">
                <!-- 1st Column -->
    <div class="span7">
         <div id="imagediv" style="position: relative;">
             <img src="" style="z-index: 0;" >
         </div>           
    </div>
                <!-- END 1st Column -->


                <!-- 2nd Column -->

    <div class="span5">
        <div>
            <p class="well" style="min-height: 440px; word-wrap: break-word;"> Profile Info </p>
        </div>   
    </div>

          <!-- End 2nd Column -->
</div>

我怎樣才能使imagediv為中心span7

Answer 1

 <div id="imagediv" class="text-center" style="position: relative;">
             <img src="" style="z-index: 0;" >
         </div>

添加類text-center

Answer 2

添加CSS屬性作為margin：0自動； 到#imagediv

Answer 3

將text-center類添加到div

<div class="span7 text-center">
     <div id="imagediv" style="position: relative;">
         <img src="http://s25.postimg.org/scg5jg3rf/profile.jpg" style="z-index: 0;" />
     </div>           
</div>

工作jsfiddle http://jsfiddle.net/aCD89/3/

屏幕截圖輸出：