Может ли кто-нибудь помочь мне; как я могу центрировать текст по вертикали внутри чувствительной сетки?Правильно выравнивание текста в пределах Bootstrap
<div class="col-md-4">
<h1>YOU CAN'T</h1>
</div>
Может ли кто-нибудь помочь мне; как я могу центрировать текст по вертикали внутри чувствительной сетки?Правильно выравнивание текста в пределах Bootstrap
<div class="col-md-4">
<h1>YOU CAN'T</h1>
</div>
Поскольку мы не имеем пример, я могу признать, регулируя запас-топ будет делать это
h1{
margin-top: 10px;
}
Update некоторые приспособления к первому варианту с учетом font-size: http://jsfiddle.net/zgwnP/
Проблема в том, что вы e вертикально центрирует DIV неизвестной высоты. Вы можете использовать CSS преобразования, как это:
.v-center {
position: relative;
top: 50%;
transform: translateY(-50%);
}
По вертикали совместив его, я предполагаю, что вы имеете в виду центрированный текст? Если это так:
<div class="col-md-4">
<h1 class="text-center">YOU CAN</h1>
</div>
Если вы имеете в виду центрировать текст внутри раздела, я бы указать свою маржу-топ в различных средах запросов
Но что произойдет, если размер шрифта будет больше и высота DIV является больше тоже? Тогда 'margin-top: 10px;' не будет выравнивать по центру по центру –
Вы правы. Моя вина. Я не уверен, что это лучший вариант, но я мог бы централизовать его следующим образом: http://jsfiddle.net/zgwnP/. Поля всегда меня обманывают. –
Теперь это хороший трюк :) –