最优雅的方式在bootstrap中的复选框下定位标签

Question

我希望我的引导复选框标签位于其复选框下面，如下所示：

我目前的代码是：

<div class="well container-fluid text-center">
    <img src="dummy.png" class="img-circle img-responsive" />
    </br>
    <lable for="check">Lable</lable>
    </br> 
    </br>
    <input type="checkbox" id="check">
</div>

......但这看起来并不优雅。还有更好的方法吗？

Answer 1

我无法保证这是最优雅或最合适的解决方案，但它比在代码中使用换行符要好得多。查看bootply

<div class="container">
<input type="checkbox">
<div class="row">
    <label>Label</label>
</div>

只需放置您的复选框，然后将标签放入新行。