html - bootstrap 连续上边距对齐

Question

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

但是标签和文本框的上边缘没有对齐。 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>

fiddle 链接: http://jsfiddle.net/ponsakthi/eTJ7j/embedded/result/

Answer 1

您可以添加以下 CSS:

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

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