css - Twitter Bootstrapを使用して、TDのボタン、テキスト、および入力テキストフィールドを垂直方向に揃える方法

Question

<tr>
  <td colspan="3">
        With Selected: 
    <select name="action" id="group_action" class="span2">
      <option value="">--Choose--</option>
      <option value="delete">Delete</option>
      <option value="add_to">Add To</option>
    </select> 
    <select name="group" id="group">
      <option value="">--Choose--</option>
    <?php foreach($groups as $group){ ?>
  <option value="<?php echo $group->id?>"><?php echo $group->name?></option>
  <?php } ?>
  </select> 
    <button name="group_action" class="btn">Submit</button>
  </td>

</tr>

TDを試しstyle="vertical-align:middle", valign="middle"ましたが、機能しません

外観は次のとおりです。http：//ge.tt/1Klf2dS/v/0 ？c

Answer 1

Twitter ブートストラップはmargin-bottom: 10pxほとんどのフォーム要素に a を追加しますが、要素には追加しません<button>。これにより、HTML 要素がテーブルの 1 行に配置された場合、奇妙に整列して表示されます。

要素から margin-bottom を削除するか、他の要素に追加することができます。

次の例を見てください。

http://jsbin.com/ezunom/1/edit

Answer 2

これを使って

 style="Margin-top:-10px;"