Как выровнять содержимое в разных столбцах по вертикали для начальной загрузки?

#jquery #css #twitter-bootstrap #twitter-bootstrap-3

#jquery ( jquery ) #css — код #twitter-bootstrap #twitter-bootstrap-3

Вопрос:

Коды можно найти по адресу:

http://www.bootply.com/Z85ieOd2nu

Я попытался создать строку, содержащую <h2> строки <button> . Однако я обнаружил, что в результате они странно выровнены..

У кого-нибудь есть идеи по этому поводу? (Как выровнять их все по центру по вертикали?)

Ответ №1:

вы можете использовать line-height:70px; в CSS. назначьте высоту .row (которая в вашем случае равна «70 пикселей») для CSS кнопки, и все готово.

http://www.bootply.com/FyZOo7ach4

1. Спасибо! Это работает для меня. Однако, когда я изменил размер шрифта <h2> , он по-прежнему выглядит не идеально.. bootply.com/C3sdH3WSMq #

2. вам нужно либо присвоить ему фиксированную высоту и приравнять line-height к ней, либо рассчитать высоту на основе размера шрифта h2

Ответ №2:

Bootstrap предоставляет верхние и нижние поля для h-тегов. Здесь также есть верхние и нижние поля, но нет никакого поля (вот почему оно застряло вверху).

Чтобы решить эту проблему, либо удалите поля из тега, либо укажите верхнее и нижнее поля для тега как (в данном случае):

 button {
    margin-top:20px;
    margin-bottom: 10px;
}