सीएसएस

Question

में ट्विटर बूटस्ट्रैप ग्लाइफ़िकॉन का उपयोग करके मैं नीचे दिए गए सीएसएस फ़ाइल में छवि संदर्भ को प्रतिस्थापित करने के लिए ट्विटर बूटस्ट्रैप ग्लाइफ़िकॉन जोड़ना चाहता हूं, हालांकि यह सुनिश्चित नहीं है कि कैसे।

.edit-button { 
    background: url('../img/edit.png') no-repeat; 
    width: 16px; 
    height: 16px; 
} 

HTML में मैं इसे जोड़ने के रूप में निम्नानुसार हैं:

<i class="icon-search icon-white"></i> 

कोई भी विचार?

अद्यतन - की कोशिश की निम्नलिखित हालांकि यह सिर्फ Firefox के फ़ायरबग में चौड़ाई और ऊंचाई पता चलता है:

.edit-button 
{ 
    /* background: url('../img/edit.png') no-repeat; */ 
    background: url(../img/glyphicons-halflings.png) no repeat -96px -72px !important; 
    width: 16px; 
    height: 16px; 
} 

नहीं

यकीन है कि क्यों यह नहीं उठाया जा रहा है?

Answer 1

तो आप अपने संपादन बटन के लिए <i> टैग का उपयोग क्यों नहीं करते? इस प्रयास करें:

<button type="submit" name="edit" class="edit-button btn btn-primary"> 
    <i class="icon icon-edit icon-white"></i> 
    Edit 
</button> 

Answer 2

मैं का उपयोग कर की तरह है: के बाद या: विधि से पहले ...

एचटीएमएल

<a href="http://glyphicons.com/" class="arrow">Click Here</a></div> 

सीएसएस

.arrow:after { 
    font-family: "Glyphicons Halflings"; 
    content: "\e080"; 
} 

यह काम करना चाहिए मान लीजिए कि आपके पास ग्लाइफ़िक है फोंट पर (वे बूटस्ट्रैप के साथ मुक्त आते हैं)