Zurb基金會：在其他divs中嵌套排

Question

我知道這可以完成，但我似乎沒有得到它。

這裏的HTML我有：

<div class="row"> 
    <div class="large-9 small-9 columns"> 
    <div class="section-container auto" data-section="" style=""> 
     <section class="active" style="padding-top: 50px;"> 
     <p class="title" data-section-title="" style="left: 182px;"> 
      <a href="#panel2"> 
      Accounts 
      </a> 
     </p> 
     <div class="content" data-section-content=""> 
      <div id="accountSearchResults" style=""> 
      <div class="row"> 
       <div class="large-5 small-5 columns"><p>A long name</p></div> 
       <div class="large-1 small-1 columns"><p>Data</p></div> 
       <div class="large-1 small-1 columns"><p>Data</p></div> 

我希望它可以輸出是這樣的：

________ 
|Accounts| 
-------------------------------------------------- 
|A long name      |Data |Data | 
-------------------------------------------------- 

而是我越來越：

________ 
|Accounts| 
-------------------------------------------------- 
|A long name   |Data     |Data | 
-------------------------------------------------- 

它好像我的div行沒有正確嵌套在div部分容器中。

我該如何解決這個問題？

Answer 1

large-1對於我的數據來說還不夠大，而且這一切都是爲了拋棄它。大2工作。