我想将输入与标签,没有标签的按钮对齐,使用带默认形式的bootstrap v3(垂直,而不是水平布局的形式).
期望效果：http://screencast.com/t/b2uwBopW9rW
我设法通过在标签内创建具有不间断空间的标签来解决这个问题,但我想知道是否有更干净,更好的方法来实现这种效果.
关于jsfiddle的示例：
https://jsfiddle.net/r6o5hysk/1/
<div class='container' style='width:200px; margin: 50px;'>
<div class="row">
<div class="col-xs-10">
<div class="form-group">
<label>
Name
<input type="text" class="form-control" />
</label>
</div>
</div>
<div class="col-xs-2">
<div class="form-group">
<label>
<div class="btn btn-danger">Remove</div>
</label>
</div>
</div>
</div>
</div>
感谢您的时间.
解决方法
Bootstrap是一个很好的结构,你可以创建任何类型的HTML,只需要了解结构.总是尝试只使用引导类,而不是外部事物.
检查此引导程序结构是否具有所需的输出
<div class='container' style='width:200px; margin: 50px;'>
<div class="row">
<div class="col-lg-12">
<label>Name</label>
<div class="row">
<div class="col-xs-10">
<div class="form-group">
<input type="text" class="form-control" />
</div>
</div>
<div class="col-xs-2">
<div class="form-group">
<div class="btn btn-danger">Remove</div>
</div>
</div>
</div>
</div>
</div>
</div>