Как указать высоту строки в Bootstrap 3?

Используя Bootstrap 3, я назвал класс.row высотой 3.5em. У меня есть несколько входов в строке. Они выравниваются в верхней части строки, и я хотел бы получить их в нижней части.

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

Любое предложение о том, как выполнить выравнивание по низу?

1 ответ

РЕДАКТИРОВАТЬ

Возможно, я неправильно понял, что вы хотите делать.

Если вы хотите, чтобы вертикальное выравнивание содержимого вашей строки, вы можете использовать это решение:

.row-bottom-align {
 display: table;
 table-layout: fixed;
}

.row-bottom-align > div {
 display: table-cell;
 float: none;
 vertical-align: bottom;
}

И добавьте выравнивание строк в строку.

Смотрите это в действии: http://jsfiddle.net/G5e3e/

======

ОРИГИНАЛЬНЫЙ ОТВЕТ

Вот способ иметь столбцы с одинаковой высотой.

(вы также можете иметь один и тот же рендер с вышеупомянутым решением, установив вертикальное выравнивание в "верхний", но вот еще один способ сделать это с помощью margin/padding)

.row-same-height {
 overflow: hidden;
}

.row-same-height > div {
 margin-bottom: -2000px !important;
 padding-bottom: 2000px !important;
}

Просто добавьте класс row-same-height в свою строку

Посмотрите его в действии: http://jsfiddle.net/Cxa2m/

licensed under cc by-sa 3.0 with attribution.