यदि मैं आइकन आकार को छोटा करना चाहता हूं, तो बूटस्ट्रैप का उपयोग करते समय मैं आइकन को छोटा कैसे बना सकता हूं?बूटस्ट्रैप का उपयोग करते समय मैं आइकन को छोटा कैसे बना सकता हूं?
इस डेमो http://jsfiddle.net/AqUBu/
मैं इस मानव आइकन का आकार कम करने के लिए चाहते हैं।
<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>
आप फ़ॉन्ट बहुत बढ़िया http://fortawesome.github.com/Font-Awesome/ का उपयोग fonts.Font से आइकन बनाने के लिए कर सकते हैं अद्भुत के साथ ट्विटर बूटस्ट्रैप 2 & 3.You आसानी स्टाइल आइकन रंग, आकार, छाया, और कुछ भी नहीं है कि पूरी तरह से संगत है सीएसएस के साथ संभव है।
ओह मेरा भलाई यह बहुत उपयोगी लगती है। – MKK
यह सवाल का जवाब नहीं देता है –
आप बूटस्ट्रैप 3 का उपयोग कर रहे हैं, तो आप <small> टैग, इस तरह उपयोग कर सकते हैं: <small><span class="glyphicon glyphicon-send"></span></small> यह बूटस्ट्रैप के साथ पूरी तरह से काम करता है 3.
आप class="btn btn-xs"
संदर्भ का उपयोग कर सकते हैं: https://getbootstrap.com/components/
Glyphicons और अन्य आइकनों को फिर से आकार दिया जा सकता है ठीक सीएसएस संपत्ति font-size:
आप जानते हैं ... ग्लाइफ और सब होने के नाते।
स्नैकी कोडा के लिए उपरोक्त ;-) –
http://getbootstrap.com/css/#small-text से
छोटे पाठ
de-बल इनलाइन या पाठ के ब्लॉक के लिए, माता पिता का आकार 85% पर पाठ सेट करने के लिए
<small>टैग का उपयोग करें। शीर्षक तत्वों को नेस्टेड<small>तत्वों के लिए अपना स्वयं काfont-sizeप्राप्त होता है।
<small>के स्थान पर आप.smallके साथ वैकल्पिक रूप से इनलाइन तत्व का उपयोग कर सकते हैं।
प्रयास करें:
<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>
यहाँ अपने संबंधित सीएसएस पोस्ट। –
@Pawan धन्यवाद मैं बूटस्ट्रैप का उपयोग करता हूं। यह बहुत लंबा रास्ता है ताकि मुझे उन सभी को रखने के लिए जेएसफ़िल्ड का उपयोग करना पड़े। कृपया मेरे डेमो – MKK
को भय के उत्तर पर विचार करें http://stackoverflow.com/a/1341462/1135581 – Rahul