如何使用Twitter Bootstrap正确放置两个内联输入字段?

时间:2012-02-08 17:04:16

标签: css twitter-bootstrap

我在<div class="offset3 span6"> bootstrap-responsive.css处执行了以下操作:

<div class="control-group">
  <label class="control-label" for="passport1">Series and passport number</label>
  <div class="controls">
    <input type="text" class="input-small inline" id="passport1" placeholder="" maxlength="4">
    <input type="text" class="input-medium inline" id="passport2" placeholder="" maxlength="6">
    <p class="help-block">Please input your passport details into two fields above</div>                    
  </div>
</div>

但文本标签与输入字段不对齐(较低)。如何解决?

demo

1 个答案:

答案 0 :(得分:0)

您的标签上有一个5px的顶部填充;

考虑重写此内联或创建更具体的css选择器,然后重试。