bootstrap怎么让button和input在一行
2个回答
展开全部
给form添加form-inline 在页面width>＝768px时 .form-control和.form-group都是inline-block,两者是同一行的
若要去处width的限制，可以给form添加.form-horizontal, 之后便可以利用栅格系统布局：
<form class="form-horizontal" action="/index.php/domain_admin/updateIframeUrl" method="POST">
<div class="form-group">
<input type="text" class="form-control col-xs-8" value="">
<div class="col-xs-4">
<button class="btn btn-sm btn-danger">-</button>
</div>
</div>
</form>
若要去处width的限制，可以给form添加.form-horizontal, 之后便可以利用栅格系统布局：
<form class="form-horizontal" action="/index.php/domain_admin/updateIframeUrl" method="POST">
<div class="form-group">
<input type="text" class="form-control col-xs-8" value="">
<div class="col-xs-4">
<button class="btn btn-sm btn-danger">-</button>
</div>
</div>
</form>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
button 和 input 是行内元素 默认就在一行 你可以看看下面这段代码然后运行看看效果 <!DOCTYPE html><html><head> <meta charset="utf-8">
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
