造型动态行 - 流体

Question

我正在为我正在创建的程序设置一小组行。我试图创建一组用户可以填写的字段，有时我们需要更多的行，所以我创建了一个javascript动态添加行集。

我正在尝试将字段设置为流畅的布局（在PC和平板电脑之间）。我很难让他们使用两种布局尺寸。其次，如果我尝试在行中添加标题（有些描述），我根本无法将它们排成一行。

有什么建议吗？我在这里有一些代码的链接 - ＆gt; https://jsfiddle.net/c92qvuxe/

<div id="materials">
        <!-- Start of Table -->
<form name="Add_Units" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" enctype="multipart/form-data">
  <fieldset>
  <div id="row">
    <input name="Page_0" type="text" value=""/>
    <input name="Weight_0" type="text" value=""/>
    <select name="Finish_0">
      <option value="Gloss">Gloss</option>
      <option value="Silk">Silk</option>
      <option value="Matt">Matt</option>
      <option value="Offset">Offset</option>
      <option value="NCR">NCR</option>
    </select>
    <input name="PaperName_0" type="text" value=""/>
    <input name="Grain_0" type="text" value=""/>
    <select name="Size_0">
      <option value="SRA3">SRA3</option>
      <option value="SRA2">SRA2</option>
      <option value="SRA1">SRA1</option>
      <option value="B2">B2</option>
      <option value="B1">B1<option>
    </select>
    <input name="Supplier_0" type="text" value=""/>
    <input name="Stock_0" type="checkbox" value="1"/>
    <input name="SheetQty_0" type="text" value=""/>
  </div>

  <div id="newrow" style="display: none;">
    <input name="Page_" type="text" value="" size="5" maxlength="55" />
    <input name="Weight_" type="text" value="" size="10" maxlength="55" />
    <select name="Finish_">
      <option value="Gloss">Gloss</option>
      <option value="Silk">Silk</option>
      <option value="Matt">Matt</option>
      <option value="Offset">Offset</option>
      <option value="NCR">NCR</option>
    </select>
    <input name="PaperName_" type="text" value="" size="10" maxlength="55" />
    <input name="Grain_" type="text" value="" size="10" maxlength="55" />
    <select name="Size_">
      <option value="SRA3">SRA3</option>
      <option value="SRA2">SRA2</option>
      <option value="SRA1">SRA1</option>
      <option value="B2">B2</option>
      <option value="B1">B1<option>
    <input name="Supplier_" type="text" value="" size="10" maxlength="55" />
    <input name="Stock_" type="checkbox" value="1" size="10" />
    <input name="SheetQty_" type="text" value="" size="10" maxlength="55" />
  </div>
  <p>
    <input type="button" id="add_row()" onclick="add_row()" value="Add Row" />
    <!--<input type="submit" name="Add_Unit" value="Save Units" />-->
  </p>
  <p>&nbsp;</p>
</fieldset>
</form>

<br />