Forms 控制表格中窗体的大小

我有一个表格，其中一个单元格内有一个表格。由于bootstrap控制输入字段大小的方式，似乎有文档记录的方法就是通过这种方法

但是，因为我的表格放在一张桌子上，有什么方法可以正确地做到这一点吗

这是它的样子。。这是不对的。。。我甚至不认为我可以在我的牢房里排成几行

<td>    
<div class="row">
      <p>$00.00</p>
      <form role="form" class="form-inline cartAdd" name="itemAdd" method="post" action="shop.php">
         <div class="col-lg-3">
            <label class="sr-only" for="quantity">Quantity</label>
            <input type="text" class="form-control quantity" name="quantity" placeholder="Qty" maxlength="3">
         </div>
         <div class="form-group">
            <input type="hidden" class="form-control pid" name="pid" class="pid" value="1" >
         </div>
        <div class="col-lg-3">
            <button type="submit" class="btn btn-default" name="button" id="7PlateButton">Add</button>
        </div>

      </form>  
</div>
</td>

$00.00

量
添加

格式化的最终目标是什么？通常，我不认为您应该尝试在表元素内部使用引导行/列。（因为引导已经格式化了表元素）。我创建了一个JSFIDLE-->