0

自分のサイトにブートストラップを使用していますが、1 つの jpg 画像を中央に配置するのに苦労しています。

次のコードを使用します

<header class="row-fluid">
<div class="span4 offset4">
<img src="img/yup.jpg" title="Hello" alt="World";>
</div>
<div class="title span12">
<h1>Hello Kitty</h1>
</div>          
</header>

しかし、まだ画像が中央にありません...何が問題なのですか? どうもありがとう！！

4

2 に答える 2

0

これを試して

<header>
   <div class="row-fluid">
       <div class="span5 offset2">
          <center><img src="img/yup.jpg" title="Hello" alt="World"></center>
       </div>
   </div>
   <div class="row-fluid"> 
       <div class="title span12">
          <h1>Hello Kitty</h1>
       </div>        
  </div>  
</header>

UPDATE : based on comment

row-fluid を使用すると、span1、span2...span12 という名前の 12 個のパーツで管理できる列が作成されます。オフセットが margin-left として適用される場所。要件に応じて適用できます。また、12の部分に分かれています。ここでは、デフォルトでは左揃えになっているため、画像を中央に配置する必要があるため、タグを使用しました。

于 2013-07-25T12:23:42.640 に答える