列は水平に1列に積み重ねません。

Question

2列目のイメージは、ページの右側ではなく、最初の列の下に積み重ねられます。私は今これを2時間見てきました。私はcodepenを使用しているので、バックグラウンドでプリロードされたブートストラップを持っています。

http://codepen.io/OfeyDofey/pen/KaLjeG/

<div class="container-fluid"> 
    <div class="row"> 
    <div class="col-md-12"> 


<h3>George Washington</h3><br> 
    <h3>Montana State Quarter</h3><br> 
    <h3>Ohio State Quarter</h3><br> 

    </div> 

    <div class="col-md-12"> 

      <img src="http://i.imgur.com/YzO3IvA.jpg" class="QC"> 

    </div> 
    </div> 

    </div> 
</div> 

Answer 1

2つのバグを発見しました。

• グリッドシステムの幅は12桁で、現在コードには24桁の幅があり、-12の代わりに-6を使用します。
• 'display：inline;'を追加します。プロパティをインラインで表示するために 'h3 {}'に追加します。

Answer 2

col-md-12をcol-md-6に変更する必要があります。

Bootstrap gridは12列で動作します。