Css 引导span4动态内容

我在处理动态内容时遇到了问题，需要使用span4类。因为一行最多可以有12列，所以下一篇“文章”需要跳到下一行

请查看此预览我的意思：

标题
描述

标题
描述

有人知道我如何解决这个问题吗

试试这个

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

标题
描述

标题
描述


标题
描述


标题
描述


标题
描述


标题
描述

如果使用php，请使其像。。。或者你也可以参考这个。。。这就是诀窍。谢谢SaurabhlP！

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