/ / х1 ицон вертикално-поравнава не ради у боотстрап 2.3.2 - хтмл, цсс, твиттер-боотстрап, твиттер-боотстрап-2

х1 ицон вертицал-алигн не ради у боотстрап 2.3.2 - хтмл, цсс, твиттер-боотстрап, твиттер-боотстрап-2

имам ово css/HTML код за икону за приказ у х1:

ЦСС:

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

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

ХТМЛ:

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

Али вертикално поравнање није радило за боотстрап 2.3.2. NOTE: I know this worked in version 3.+. како поправити овај проблем за ову верзију?

демо хере

Одговори:

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

Пробајте ово уместо да преоптеретите твиттер боотстрап подразумевано правило за h1 :

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

Упдатед демо


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

Чини се да има више цсс-а него што се приказује у боотпли цсс-тект-пољу.

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

Ако додате

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

... до вашег цсс-а, поставиће слику центрирану вертикално.


Сродна питања


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

Додајте коментар