使用twitter bootstrap在按钮样式内输入

时间:2012-08-31 23:08:36

标签: twitter-bootstrap

我正在尝试将输入框添加到按钮类型样式。我的努力如下。它的工作原理,但带有输入框的“按钮”比没有输入框的“按钮”更胖。是否可以使高度相同?

<div class="btn btn-info">I'm nice and slim</div>
<div class="btn btn-info">help <input type="text" class="input-mini" placeholder="Type here"> I'm too fat!</div>

fat button

1 个答案:

答案 0 :(得分:3)

.btn > input {
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
}