使用Zurb Foundation以形式显示元素

Question

我正在使用CSS Framework Foundation，当我编写以下代码时：

<div class="row">    
   <div class="two mobile-one columns"><label for="invoiceterm-summary" class="right inline">Become late <span class="required">*</span></label></div>
   <div class="ten mobile-three columns"><input class="one" id="invoiceterm-late" name="invoiceterm[late]" type="text" value=""> days after invoice sent</div>
</div>
​

我明白了：

但我希望显示文字“发票后的天数”，如下所示：

Answer 1

您应该将所有这些元素放在一个元素中：

<div class="row">
    <div class="twelve mobile-four columns"></div>
</div>

否则它的行为正确，在屏幕尺寸减小时堆叠列。

Answer 2

我必须从foundation.css文件中输入[type =“text”]的css定义中删除display：block属性