Как обернуть checkbox в label. использую bootstrap?

Добрый день, заморочился, хочу обернуть checkbox в label. использую bootstrap
не могу найти в css как выравнять квадратик checkbox' a и текст чтобы было ровненько по центру.
Так сейчас: x1MqYPH.png
Хочется так: I8JyE87.png
<label class="label label-primary"><input type="checkbox"> Samsung</label>


Я нуб, спасибо за помощь, о уважаемые гуру.
  • Вопрос задан
  • 463 просмотра
Пригласить эксперта
Ответы на вопрос 2
@shnicel
Как варик по бырому попробуй с line-height поиграйся
Ответ написан
Комментировать
@drtvader
Вечный студент
Чекбокс просто так не отредактируешь.
Я бы вот так сделал:
<div>
<input type="checkbox">
<label class="label label-primary">Samsung</label>
</div>

Для div бэкграунд и остальное выравниваешь. Для label vertical-aligh: middle; как вариант
Либо текст в span и для него vertical-aligh
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы