5
<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

4

4 回答 4

8

Twitter bootstrap 将向margin-bottom: 10px大多数表单元素添加 a,但不会向<button>元素添加。如果放置在表格的单行中,这将导致您的 HTML 元素看起来奇怪地对齐。

您可以从元素中删除 margin-bottom,或者将其添加到其他元素。

看看这个例子:

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

于 2012-11-30T06:01:44.847 回答
2

由于您询问的是 Twitter Bootstrap,并且您的代码似乎是表单的一部分(请原谅冗余),将“form-horizo​​ntal”类添加到表单应该可以解决您的对齐问题:

<form class="form-horizontal">
</form>
于 2013-06-26T07:24:33.110 回答
1

用这个

 style="Margin-top:-10px;"
于 2012-11-30T06:03:39.067 回答
0

这是这类标签的诀窍,;)

.checkbox在标签中添加一个

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

该课程不会造成任何伤害,只需根据需要添加边距

于 2014-10-12T07:49:44.937 回答