css - 引导程序中输入元素的边距和对齐方式

Question

我无法让输入元素和按钮正确对齐。这是它的样子：

这来自以下代码：

<div class="row">
     <div class="offset1 span6">
          <input type="text" class="l_input" placeholder="enter a city"></input>
     </div>
     <div class="span3"> 
          <button class="l_button btn btn-primary" type="button">Search</button>
     </div>
</div>

我希望输入高度与按钮相同，目前情况并非如此。我认为这是因为边距/填充，所以我尝试在我的 css 中将它们设置为 0 px：但它没有影响。

.l_input {
 padding: 0px;
 margin: 0px;
 }

我需要做什么才能使输入的高度与搜索按钮的高度对齐？

Answer 1

你几乎是对的，但边距和填充在另一个元素中。尝试：

.l_input,
.l_button {
    padding: 0px;
    margin: 0px;
}

更新的演示