水平容器的项目对齐方式
水平容器的项目对齐方式
提问于 2016-08-16 03:58:17
有没有一种方法可以在不指定bootstrap的列的情况下使用bootstrap技术水平对齐/堆叠容器的项？我想呈现一个又一个项目，只有当不适合屏幕大小时，它才应该从最后一个呈现的项目(最右边)开始堆叠每个项目。这就是我想要的：
<div>
<div>
<span class="">Some label</span>
<input type="button" value="Edit" />
<input type="text" />
</div>
</div>
下面是我的初始引导程序版本，它不起作用：https://jsfiddle.net/DTcHh/23713/
<div class="form-group">
<div class="row">
<span class="">Some Label</span>
<input type="button" value="Edit" class="btn btn-default" />
<input type="text" class="form-control" />
</div>
</div>
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-08-16 18:06:46
像这样使用form-inline ..
<div class="form-inline">
<div class="form-group">
<span class="">Some Label</span>
<input type="button" value="Edit" class="btn btn-default">
</div>
<div class="form-group">
<input type="text" class="form-control">
</div>
</div>http://bootply.com/ORId7643P4
Stack Overflow用户
发布于 2016-08-16 04:11:53
使用网格布局类。例如：col-md-*
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="form-group">
<label class="col-xs-3 control-label">Some Label</label>
<div class="col-xs-1">
<input type="button" value="Edit" class="btn btn-default " />
</div>
<div class="col-xs-7">
<input type="text" class="form-control" />
</div>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38962145
复制相关文章
相似问题
腾讯云开发者
