बिग गिलीफोन

Question

मैं ट्विटर बूटस्ट्रैप 3.0 (2.3.x नहीं) में बड़े ग्लाइफ़िकॉन कैसे बना सकता हूं।

इस कोड को मेरी glyphicons बड़ा कर देगा:

<button type="button" class="btn btn-default btn-lg"> 
    <span class="glyphicon glyphicon-th-list"> 
    </span> 
</button> 

मैं कैसे केवल अंतराल का उपयोग करते समय btn-एलजी वर्ग का उपयोग किए बिना इस आकार मिल सकता है?

यह एक छोटा Glyphicon देता है:

<span class="glyphicon glyphicon-link"></span> 

Answer 1

तुम बस Glyphicon अपनी पसंद के एक font-size दे सकते हैं:

span.glyphicon-link { 
    font-size: 1.2em; 
} 

Answer 2

.btn-lg वर्ग बूटस्ट्रैप 3 में निम्नलिखित सीएसएस है (link):

.btn-lg { 
    padding: 10px 16px; 
    font-size: 18px; 
    line-height: 1.33; 
    border-radius: 6px; 
} 

यदि आप एक हीलागू करते हैंऔर line-height आपके अवधि में (या तो .glyphicon-link या नव निर्मित .glyphicons-lg यदि आप एक से अधिक उदाहरणों में इस प्रभाव का उपयोग करने जा रहे हैं), तो आपको एक बड़ा आकार के रूप में एक ग्लाइफ़िकॉन मिल जाएगा।

Answer 3

यहाँ कैसे मैं यह कर दिया गया है: आप मक्खी पर आकार बदलने के लिए

<span style="font-size:1.5em;" class="glyphicon glyphicon-th-list"></span> 

यह अनुमति देता है। सीएसएस को बदलने और इसे लागू करने के बजाय आकार बदलने के लिए विज्ञापन की आवश्यकताओं के लिए सबसे अच्छा काम करता है।

Answer 4

मेरे मामले में, button के साथ था, और यह button इसके कंटेनर से थोड़ा बड़ा था। इसलिए मैंने अपने ग्लाइफिकॉन के लिए font-size:95% दिया और इसे हल किया गया।

<div class="input-group"> 
    <input type="text" class="form-control" id="pesquisarinbox" placeholder="Pesquisar na Caixa de Entrada"> 
    <div class="input-group-btn"> 
     <button class="btn btn-default" type="button"> 
      <span class="glyphicon glyphicon-search" style="font-size:95%;"></span> 
     </button> 
    </div> 
</div> 

Answer 5

<button class="btn btn-default glyphicon glyphicon-plus fa-2x" type="button"> 
 
</button> 
 

 
<!--fa-2x , fa-3x , fa-4x ... --> 
 
<button class="btn btn-default glyphicon glyphicon-plus fa-3x" type="button"> 
 
</button>

Answer 6

आप बूटस्ट्रैप 3 का उपयोग कर रहे हैं, तो उपयोग टैग, इस <small><span class="glyphicon glyphicon-send"></span></small> की तरह यह सही बूटस्ट्रैप के लिए काम करता है 3.
तुम भी आकार और अधिक स्थापित करने के लिए कई <small> टैग का उपयोग कर सकते हैं छोटे।
कोड:
<small><small><span class="glyphicon glyphicon-send"></span></small></small>

Answer 7

<h1> या <h2> में लिखें अपने <span>:

<h1> <span class="glyphicon glyphicon-th-list"></span></h1>