Bootstrap span4 динамический контент

Question

У меня возникли проблемы с динамическим контентом, который должен получить классы span4. Потому что строка может быть не более 12 столбцов, поэтому следующей «статье» нужно перейти к следующей строке.

Пожалуйста, проверьте это предварительный просмотр того, что я имею в виду: http://www.dreamix-studio.com/bootstrap/bootstrap_q_2.jpg

<div class="row-fluid"> 

      <div class="span12"> 

       <h2>TITLE</h2> 

       <p>DESCRIPTION</p> 

      </div> 

    </div> 



    <div class="row-fluid"> 


      <!-- what should be dynamic --> 

      <div class="span4">    


       <h2>TITLE</h2> 
       <p>DESCRIPTION</p> 
       <p><a href="#" class="btn">BUTTON</a></p> 


      </div> 

      <!-- END dynamic --> 


    </div> 

Кто-нибудь знает, как я могу решить эту проблему?

Answer 1

попробовать этот

<div class="row-fluid"> 

      <div class="span12"> 

       <h2>TITLE</h2> 

       <p>DESCRIPTION</p> 

      </div> 

    </div> 
    <div class="row"> 


      <!-- what should be dynamic --> 

      <div class="span4">    


       <h2>TITLE</h2> 
       <p>DESCRIPTION</p> 
       <p><a href="#" class="btn">BUTTON</a></p> 


      </div> 

      <div class="span4">    


       <h2>TITLE</h2> 
       <p>DESCRIPTION</p> 
       <p><a href="#" class="btn">BUTTON</a></p> 


      </div> 


      <div class="span4">    


       <h2>TITLE</h2> 
       <p>DESCRIPTION</p> 
       <p><a href="#" class="btn">BUTTON</a></p> 


      </div> 


      <div class="span4">    


       <h2>TITLE</h2> 
       <p>DESCRIPTION</p> 
       <p><a href="#" class="btn">BUTTON</a></p> 


      </div> 


      <div class="span4">    


       <h2>TITLE</h2> 
       <p>DESCRIPTION</p> 
       <p><a href="#" class="btn">BUTTON</a></p> 


      </div> 

      <!-- END dynamic --> 


    </div>