bootstrap怎么让button和input在一行

Question

bootstrap怎么让button和input在一行

Answer 1

form-control有两个属性影响换行.

.form-control {
width:100%;
display: block;
}

可以新增一个class

.form-control-xxx {
width:200px;
display:inline;
}

这个css要放到bootstrap.css下面

html如下

<div class="form-group">
<input type="text" class="form-control form-control-xxx" value="">
<button class="btn btn-sm btn-danger">-</button>
</div>