bootstrap怎么让button和input在一行
2个回答
推荐于2018-04-10
展开全部
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>
.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>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2017-08-29
展开全部
button 和 input 是行内元素 默认就在一行 你可以看看下面这段代码然后运行看看效果 <!DOCTYPE html><html><head> <meta charset="utf-8">
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询