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>

我已经尝试了style="vertical-align:middle", valign="middle"用于TD，但它不起作用

以下是它的样子：http://ge.tt/1Klf2dS/v/0?c

Answer 1

Twitter引导程序会向大多数表单元素添加margin-bottom: 10px，但不会向<button>元素添加{{1}}。如果放置在表格的单行中，这将导致HTML元素看起来奇怪对齐。

您可以从元素中删除margin-bottom，也可以将其添加到其他元素中。

看一下这个例子：

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

Answer 2

由于您正在询问Twitter Bootstrap，并且您的代码似乎构成了表单的一部分（原谅冗余），因此添加＆＃34; form-horizontal＆＃34;表单中的类应解决您的对齐问题：

<form class="form-horizontal">
</form>

Answer 3

使用此

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

Answer 4

对于这些类型的标签来说，这是一个技巧，;）

在标签

中添加.checkbox

<label class="col-sm-4 checkbox">Cinsiyet</label>

该课程不会造成伤害，只需根据需要添加保证金

如何使用Twitter Bootstrap在TD中垂直对齐按钮，文本和输入文本字段

4 个答案: