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

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;
}

updated demo