列不会在一行中水平堆叠

Question

第二列中的图像保持堆叠在第一列下方而不是页面右侧。我现在已经盯着这两个小时了。我使用的是codepen，所以我在后台预装了bootstrap。

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

您需要将for plotLoop=1:N;更改为col-md-12。

Bootstrap grid适用于12列。

Answer 2

发现了两个错误。

• 网格系统是12宽，目前在你的代码中它是24 cols宽，使用-6而不是-12。
• 添加'display：inline;'属性为'h3 {}'以便以内联方式显示它们。