在引导程序中将标签放置在复选框下的最优雅方法

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>

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