zurb-foundation - 在 zurb 基础中嵌套 DIV 时遇到问题

Question

我使用基金会来开发一个网站。我有 6 行主要内容。每个主行包含一个 12 列的 div，其中嵌套了两个 6 列的 div。我添加的每一个额外的主行每次都会变宽一些。我假设我错误地嵌套了 div。谁能指出我的错误？我将在下面添加我的代码示例。

   <div class="row"><!--START 12 ROW-->  
    <div class="large-12 columns">
            <p class="info"><span class="infoHead" >Header</span></br><img class="line" src="images/line.png" alt=""></p>
    <div class="row"><!--START 6 ROW-->
    <div class="large-6 columns">
            <p class="info">Lots of text</br></br><span class="infoSpan">Some more text</span> </p>
    </div>
    <div class="large-6 columns">
            <p><img border="0" src="images/image.jpg" alt=""></p>
            <p class="btt">Back to top</p>
    </div>
    </div><!--END 6 ROW-->
</div><!--END 12 ROW--> 

谢谢！

Answer 1

我在发布这个问题的那一刻就发现了问题。

我没有关闭第一个''，所以我将每个额外的主行添加到原始的 12 列 DIV。