2016-08-13 7 views
0

ページ内に5つのイメージを配置したい、ページの中央に3つのイメージを並べて、次の行に2つのイメージを配置したい真ん中の行にそれは起きていない、誰も私がブートストラップ中でイメージを作る方法

<div class="top container"> 
    <div class="row"> 
     <section class="col-md-4"> 
      <img src="images/1.png"> 
     </section> 
     <section class="col-md-4"> 
      <img src="images/1.png"> 
     </section> 
     <section class="col-md-4"> 
      <img src="images/1.png"> 
     </section> 
    </div> 
</div> 
<br/> 
<br/> 

<div class="top1 container"> 
    <div class="row"> 
     <section class="col-md-4"> 
      <img src="images/2.png"> 
     </section> 
     <section class="col-md-4"> 
      <img src="images/2.png"> 
     </section> 
    </div> 
</div> 
+0

使用をキープoffset-2やoffset-4のようなオフセット値を変更すると、おそらく最初に必要な効果が得られます。 top1 divの最初のセクションでcol-md-offset-2を実行してください。 – rdRahul

答えて

0

利用整理するのに役立ちます。のオフセット左の両方のdivを調整するCOL-MD-オフセット

<div class="top container"> 
    <div class="row"> 
     <section class="col-md-4 col-md-offset-4"> 
      <img src="images/1.png"> 
     </section> 
     <section class="col-md-4"> 
      <img src="images/1.png"> 
     </section> 
     <section class="col-md-4"> 
      <img src="images/1.png"> 
     </section> 
    </div> 
</div> 
<br/> 
<br/> 

<div class="top1 container"> 
    <div class="row"> 
     <section class="col-md-4 col-md-offset-4"> 
      <img src="images/2.png"> 
     </section> 
     <section class="col-md-4"> 
      <img src="images/2.png"> 
     </section> 
    </div> 
</div> 
+0

申し訳ありません兄弟は起こっていません –

+0

その答えがうまくいく理由についてのいくつかの詳細は役に立ちます。コードを投稿するだけで、なぜその質問に答えるのか、どのように正確に動作するのかについての詳細はわかりません。 –

関連する問題