/ / h1 icon vertical-align werkt niet in bootstrap 2.3.2 - html, css, twitter-bootstrap, twitter-bootstrap-2

h1 icon vertical-align werkt niet in bootstrap 2.3.2 - html, css, twitter-bootstrap, twitter-bootstrap-2

ik heb dit css/HTML code voor showpictogram 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>

Maar vertical-align werkt niet voor bootstrap 2.3.2. NOTE: I know this worked in version 3.+. hoe dit probleem op te lossen voor deze versie?

demo hier

antwoorden:

0 voor antwoord № 1

Probeer dit in plaats daarvan om de standaardbootregel voor twitter te overbelasten h1 :

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

Bijgewerkte demo


0 voor antwoord № 2

Er lijkt meer css aan te zitten dan te laten zien in het bootply css-text-veld.

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

Als je toevoegt

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

... voor uw css, positioneert het de afbeelding verticaal gecentreerd.


Gerelateerde Vragen


Reacties (0)

Voeg een reactie toe