jquery - ブートストラップ付きセンタースパン

Question

私はこのhtmlコードを持っています:

<div id="header" class="row-fluid text-center">
    <div class="span1 text-center header">HOME</div>
    <div class="span1 text-center header">PORTFOLIO</div>
    <div class="span1 text-center"><img src="images/logo.jpg" /></div>
    <div class="span1 text-center header">ABOUT</div>
    <div class="span1 text-center header">CONTACT</div>
</div>

<div class="row text-center">
    <img src="images/header.png" />
</div>

中心にしてほしい。クラスで作業しようとしましoffsetたが、100% 中心ではありません。

Answer 1

これを試して

次のように、Bootstrap の css クラスのページネーション中心を使用します。

<div class="span12 pagination-centered">
    Center content.
</div>

クラス pagination-centered はすでに bootstrap.css にあります

 .pagination-centered{text-align:center;}

ブートストラップ 2.3.0。use classtext-center ただし、2 つのクラスのrowいずれかを使用するかspan12、text-align: center.

デモ

http://jsfiddle.net/xKSUH/

また

http://jsfiddle.net/xKSUH/1/

別のcssクラスを作成して中心に置くことができます：

.center {
   margin: 0 auto !important;
   float: none !important;
}

デモ

http://jsfiddle.net/WesWz/9/

Answer 2

試す

<div class="row-fluid">
<div id="header" class="span12 header text-center">
    <div class="">HOME</div>
    <div class="">PORTFOLIO</div>
    <div class=""><img src="images/logo.jpg" /></div>
    <div class="">ABOUT</div>
    <div class="">CONTACT</div>
</div>
</div>

Answer 3

で包みます

<div class="container">
</div>

子を中央に配置するには、親に固定幅が必要です。