列不会在单行中水平堆叠

第2列中的图像会一直堆叠在第一列的下方，而不是在页面的右侧。我现在一直盯着这里两个小时。我使用codepen，因此我在后台预加载了bootstrap。列不会在单行中水平堆叠

<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>

来源

2017-02-26 Tommy Ess

发现了两个错误。

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

来源

2017-02-26 16:57:35

您需要将col-md-12更改为col-md-6。

Bootstrap grid适用于12栏。

来源

2017-02-26 16:58:21 James

gah！有时候我完全是灵机一动 –

列不会在单行中水平堆叠

回答

相关问题