/ / h1 ikona wyrównanie pionowe nie działa w bootstrap 2.3.2 - html, css, twitter-bootstrap, twitter-bootstrap-2

Ikona h1 wyrównanie pionowe nie działa w bootstrap 2.3.2 - html, css, twitter-bootstrap, twitter-bootstrap-2

Mam to css/HTML kod dla ikony pokazu w 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>

Ale wyrównanie w pionie nie działa dla bootstrap 2.3.2. NOTE: I know this worked in version 3.+. jak rozwiązać ten problem dla tej wersji?

demo tutaj

Odpowiedzi:

0 dla odpowiedzi № 1

Spróbuj zamiast tego przeciążać domyślną regułę bootstrap dla Twittera h1 :

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

Zaktualizowane demo


0 dla odpowiedzi nr 2

Wydaje się, że jest więcej css niż w polu tekstowym css.

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

Jeśli dodasz

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

... do twojego css, ustawi obraz na środku w pionie.


Powiązane pytania


Komentarze (0)

Dodaj komentarz