Twitter bootstrap Bootstrap 3输入附加故障

Twitter bootstrap Bootstrap 3输入附加故障,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,对不起我的英语 您好,面对Bootstrap 3中的问题,无法对两个文本字段和一个按钮进行分组。迅速解决 您可以这样做,使用一个输入组和两个输入字段,并添加一些css: HTML: 检查这把小提琴: 。输入组插件{ 填充:0; 宽度:0px; 边界:无; 背景色:#ccc; } .输入组{ 宽度:100%; } 走! Nice,直截了当的解决方案!! <div class="input-group double-input"> <input type="text" p

对不起我的英语

您好,面对Bootstrap 3中的问题,无法对两个文本字段和一个按钮进行分组。迅速解决


您可以这样做,使用一个输入组和两个输入字段,并添加一些css:

HTML:

检查这把小提琴:

。输入组插件{
填充:0;
宽度:0px;
边界:无;
背景色:#ccc;
}
.输入组{
宽度:100%;
}

走!

Nice,直截了当的解决方案!!
<div class="input-group double-input">
    <input type="text" placeholder="First" class="form-control" />
    <input type="text" placeholder="Second" class="form-control" />
    <span class="input-group-btn">
        <button class="btn btn-default" type="button">Go!</button>
    </span>
</div><!-- /input-group -->
.double-input .form-control {
    width: 50%;
    border-right-width: 0px;
}
.double-input .form-control:focus {
    border-right-width: 1px;
}