引导程序中连续的上边距对齐

Question

我在bootstrap中有一行带有标签，文本框和按钮。

但标签和文本框的顶部边缘没有对齐。引导程序中是否有任何方法可以解决此问题。

代码：

<div class="row">
            <div class="col-md-3">

                <h4><span class="label classone control-label">Your Purchased items</span></h4>
            </div>
            <div class="col-md-3 col-md-offset-5">

                <input type="search"
                       class="col-md-12 form-control"
                       placeholder="Enter item code or item name" />
            </div>
            <div class="col-md-1">
                <input type="button"
                       class="form-control btn btn-default btn-xs searchButton"
                       value="Search" />
            </div>

</div>

小提琴链接： http://jsfiddle.net/ponsakthi/eTJ7j/embedded/result/

Answer 1

您可以添加以下CSS：

h4 {
line-height:0.2em; 
margin:0px 0px 0px 0px;

}

请注意，这会影响使用h4的所有元素，但会与页面上的其他元素对齐。

Answer 2

使用以下方法可以轻松完成：     h4 {display：inline; }