Wenn ich die Symbolgröße minimieren möchte, wie kann ich das Symbol klein machen, wenn ich den Bootstrap benutze?Wie kann ich das Symbol klein machen, wenn ich Bootstrap benutze?
Dies ist Demo http://jsfiddle.net/AqUBu/
Ich mag würde die Größe dieses menschlichen Symbol zu minimieren.
<span class='badge badge-success'><i class='icon-user icon-white'></i><i class='icon-user icon-white'></i><i class='icon-user icon-white'></i></span>
Sie Font http://fortawesome.github.com/Font-Awesome/ Ehrfürchtig verwenden Symbol von fonts.Font Ehrfürchtig zu erstellen ist voll kompatibel mit Twitter Bootstrap 2 & 3.You kann leicht Stil-Ikone Farbe, Größe, Schatten, und alles, was ist möglich mit CSS.
Oh mein das sieht super gut aus – MKK
Das beantwortet die Frage nicht –
Wenn Sie 3 Bootstrap verwenden, können Sie die <small> Tag wie folgt verwenden: <small><span class="glyphicon glyphicon-send"></span></small> Es arbeitet perfekt mit Bootstrap 3.
Sie class="btn btn-xs"
Referenz verwenden können: https://getbootstrap.com/components/
Glyphicons und andere Symbole können die Größe genau mit der CSS-Eigenschaft font-size:
Sie wissen ... Glyphen und alle zu sein.
Upvote für die snarky Coda ;-) –
Von http://getbootstrap.com/css/#small-text
Kleinem Text
Für de-Betonung inline oder Textblocks, verwenden Sie die
<small>Tag-Text bei 85% der Größe der Mutter einzustellen. Überschrift Elemente erhalten ihre eigenenfont-sizefür verschachtelte<small>Elemente.Sie können alternativ ein Inline-Element mit
.smallanstelle von beliebig<small>verwenden.
Versuchen:
<span class='badge badge-success small'>
<i class='icon-user icon-white'></i>
<i class='icon-user icon-white'></i>
<i class='icon-user icon-white'></i>
</span>
posten Sie Ihre zugehörige CSS hier. –
@Pawan Danke Ich benutze Bootstrap. es ist viel zu lang, so dass ich JSFiddle verwenden musste, um alle zu setzen. Bitte überprüfen Sie meine Demo – MKK
betrachten Awe's Antwort http://stackoverflow.com/a/1341462/1135581 – Rahul