tryfoundation_forms_sizing 在线代码实例

 <form>
<div class="row">
  <h2>使用网格设置输入框大小</h2>
  <div class="large-10 medium-7 columns">
    <label>large-10 medium-7 (100% on small)
      <input type="text" placeholder="Name">
    </label>
  </div>
</div>

<div class="row">
  <div class="small-5 columns">
    <label>small-5
      <input type="text" placeholder="Name">
    </label>
  </div>
</div>

<div class="row">
  <div class="medium-3 columns">
    <label>medium-3 (100% on small)
      <input type="text" placeholder="Name">
    </label>
  </div>
</div>

<div class="row">
  <div class="medium-4 columns">
    <label>medium-4 (100% on small, stacked)
      <input type="text" placeholder="Name">
    </label>
  </div>

  <div class="medium-4 columns">
    <label>medium-4 (100% on small, stacked)
      <input type="text" placeholder="Name">
    </label>
  </div>

  <div class="medium-4 columns">
    <label>medium-4 (100% on small, stacked)
      <input type="text" placeholder="Name">
    </label>
  </div>
</div>
</form>