Twitter bootstrap Bootstrap 3输入附加故障
对不起我的英语 您好,面对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
您可以这样做,使用一个输入组和两个输入字段,并添加一些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;
}