SlampD
@SlampD

Как отцентрировать radio input?

Верстаю сайт. Локально все выглядит хорошо, не мог только отцентрировать radio input
Сделал демо на JSFiddle.
Когда нет карты местности, которая будет под адресом, сабмит уезжает куда-то не туда.
Предполагаю, что я неправильно использую grid.

Как должно быть.
X5aoQ5h.png
  • Вопрос задан
  • 298 просмотров
Решения вопроса 1
Да, вы неправильно используете grid.
Колонки должны быть - в строках. Одна строка - не более 12 колонок.
.row
    .col
        .row
            .col
            .col
    .col


Для начала разделите блок на 2 колонки: с адресом и с формой.
Затем внутри колонки с формой уже делайте новые колонки (не забывайте что они в бутстрапе в процентах от родителя).

Что касается расположения радиобаттонов по центру - добавьте к их родителю (form-group) класс со свойством text-aligh: center.

UPD: если имеете в виду центрирование по вертикали, то добавьте радио свойство vertical-align: top
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Goodilla
@Goodilla
Разработчик/архитектор веб приложений
Radio Buttons центрируются (относительно вертикали), путём обёртки их в span, с применением к нему свойства float или display:table-cell (это зависит от того, как Вы делалили пару "input-label"). Если первым случаем, то сам SPAN делаем плавающим (float) и задаём ему значение длины (примерно в 15пх), после чего внутренний input должен быть позиционирован (position:absolute), и выравниваеме свойством margin: 3px 0 0 0 - примерно.

По поводу кнопки, тут та же история, можно использовать float:right или же заключить сие безобразие в контейнеры. То есть получается два контейнера, слева карта, справа кнопка. Опять же, всё это зависит от того, как Вы сделали вёрстку, может быть у вас слева большой блок и справа, а не так, что блоки идут один за другим...

Надеюсь, что помог...
Ответ написан
Ваш ответ на вопрос

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

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