zurb-foundation - 使用 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文件中input[type="text"]的css定义中删除display:block属性