CODEWITHSUNDEEP
twitter-bootstraplayoutcheckboxpositioning
LocalHorst
LocalHorst

Reputation: 1168

Most elegant way to position label under checkbox in bootstrap

I want to have my bootstrap checkbox labels UNDER their checkboxes, looking like this:

bootstrap checkbox labels UNDER their checkboxes

My current code is this:

<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>

...but this doesn't seem very elegant. Is there a better way?

Upvotes: 1

Views: 472

Answers (1)

Jordan.J.D
Jordan.J.D

Reputation: 8113

I can't vouch for this being the most elegant or proper solution, but it is much better than using line breaks in your code. Check out the bootply

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

Simply place your checkbox, then put the label in a new row.

Upvotes: 1

Related Questions