/ / h1-Symbol vertikal-align funktioniert nicht in Bootstrap 2.3.2 - html, css, twitter-bootstrap, twitter-bootstrap-2

h1 icon vertical-align funktioniert nicht im bootstrap 2.3.2 - html, css, twitter-bootstrap, twitter-bootstrap-2

ich habe das css/HTML Code für das Show-Symbol in 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>

Aber vertikales Ausrichten funktionierte nicht für Bootstrap 2.3.2. NOTE: I know this worked in version 3.+. Wie kann dieses Problem für diese Version behoben werden?

Demo hier

Antworten:

0 für die Antwort № 1

Versuchen Sie dies stattdessen, um die Twitter-Bootstrap-Standardregel für zu überladen h1 :

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

Demo aktualisiert


0 für die Antwort № 2

Es scheint mehr css zu geben, als im bootply css-text-Feld angezeigt zu werden.

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

Wenn Sie hinzufügen

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

... zu Ihrem CSS wird das Bild vertikal zentriert.


Verwandte Fragen


Kommentare (0)

Einen Kommentar hinzufügen