Глюк checkbox в Bootstrap

Рейтинг: 0Ответов: 1Опубликовано: 23.12.2014

Привожу пример.

http://jsfiddle.net/gw6xt8sr/

Внизу вставил три checkbox. И как можно видеть, они располагаются криво, а должны в ряд...

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

Как решить проблему?

css bootstrap checkbox
Источник: Stack Overflow на русском

Ответы

▲ 2

Позиционирование нужно задавать при необходимости не чекбоксам, а контейнеру, в котором они лежат, а чекбоксы bootstrap ставит сам, как нужно:

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

Посмотреть

UPD.
Почитайте документацию по этому вопросу, даже без знания английского можно взять код и использовать. Не нужно придумывать никаких велосипедов, их уже придумали. Пример с инлайновыми чекбоксами.