Bootstrap：横向堆叠的列

Question

我在嵌套行内使用3列。 而不是水平堆叠列垂直堆叠。 这是我的代码。 我已尝试stackoverflow的答案，但无法正常工作。

<div class="jumbotron mainBar"> 
     <div class="container mainBarContainer"> 
      <div class="row"> 
       <div class="col-xs-2"> 
       <div class=" profilePic"> 
        <a href="#section_1"><h2>1<small>st</small><p>Title</p></h2></a> 
       </div> 

       </div> 
       <div class="col-xs-4"> 
       <h1>Hello, world!</h1> 

       </div> 
       <div class="col-xs-6 container"> 
       <div class="row"> 
       <div clas="col-xs-4"> 
        <div class=" profilePic1"> 
        <a href="#section_1"><h2>1<small>st</small><p>Title</p></h2></a> 
        </div> 
       </div> 
       <div clas="col-xs-4"> 
        <div class=" profilePic1"> 
        <a href="#section_1"><h2>1<small>st</small><p>Title</p></h2></a> 
        </div> 
       </div> 
       <div clas="col-xs-4"> 
        <div class=" profilePic1"> 
        <a href="#section_1"><h2>1<small>st</small><p>Title</p></h2></a> 
        </div> 
       </div> 
       </div> 

       </div> 
     </div> 
     </div> 
    </div> 

，这里是小提琴 fiidle

Answer 1

你有spieling错误。将第二个容器中的clas更改为class。

该demo