I give an example.

http://jsfiddle.net/gw6xt8sr/

At the bottom put three checkbox. And as you can see, they are crooked, but must be in a row ...

<div class="checkbox" style="position: absolute; left: 0px; top: 100px"> <label> <input type="checkbox"> Check me out </label> </div> <div class="checkbox" style="position: absolute; left: 100px; top:100px"> <label> <input type="checkbox"> Check me out </label> </div> <div class="checkbox" style="position: absolute; left: 200px; top: 100px"> <label> <input type="checkbox"> Check me out </label> </div>

How to solve a problem?

  • @sitev_ru, If you are given an exhaustive answer, mark it as correct (click on the check mark next to the selected answer). - Vitalina

1 answer 1

Positioning should be set, if necessary, not to the checkboxes, but to the container in which they lie, but sets the bootstrap checkbox itself, as needed:

 <div style="position: absolute; left: 100px; top:100px"> <div class="checkbox"> <label> <input type="checkbox"> Check me out </label> </div> <div class="checkbox"> <label> <input type="checkbox"> Check me out </label> </div> <div class="checkbox"> <label> <input type="checkbox"> Check me out </label> </div> </div>

Look

UPD.
Read the documentation on this issue, even without knowledge of English, you can take the code and use it. No need to invent any bikes, they have already been invented. Example with inline checkboxes .

  • thanks, it turned out ... I redid a bit, I need this: jsfiddle.net/g72wgav3 - sitev_ru
  • @sitev_ru, updated the answer, it seems to me that absolute positioning is not necessary here at all - MasterAlex