/ / h1 икона вертикално подравняване не работи в bootstrap 2.3.2 - html, css, twitter-bootstrap, twitter-bootstrap-2

h1 icon вертикално подравняване не работи в bootstrap 2.3.2 - html, css, twitter-bootstrap, twitter-bootstrap-2

имам това css/HTML код за икона на шоуто в h1:

CSS:

h1 {
font-size:32px;
font-weight:400;
margin:6px 0;

}
h1>i {
display:inline-block;
vertical-align:middle;
text-align:center;
}

HTML:

<div class="container">
<h1><i class="icon-search"></i>Bootstrap 3 Glyphicons</h1>
</div>

Но вертикално подравняване не работи за bootstrap 2.3.2. NOTE: I know this worked in version 3.+, как да поправите този проблем за тази версия?

Демо тук

Отговори:

0 за отговор № 1

Опитайте това вместо да претоварвате правилата за подразбиране на bootstrap на Twitter за h1 :

h1>[class^="icon-"], h1>[class*=" icon-"] {
vertical-align: middle;
}

Актуализирано демо


0 за отговор № 2

Изглежда, че има повече CSS, отколкото да се показва в css-text-полето на bootply.

[class^="icon-"], [class*=" icon-"] {
vertical-align:text-top;
}

Ако добавите

.icon-search {
vertical-align: middle;
}

... към css, той ще позиционира изображението центрирано вертикално.


Свързани въпроси


Коментари (0)

Добави коментар