2014-07-06 9 views
5

कहें कि मैं एक फॉर्म के लिए सबमिट बटन के रूप में एक ग्लाइफ़िकॉन का उपयोग करना चाहता था। मैं ऐसा कैसे कर पाऊंगा?बटन के रूप में बूटस्ट्रैप ग्लाइफ़िकॉन

विस्तृत करने के लिए, मुझे पारंपरिक बटन के 'दृश्यमान' तत्व नहीं चाहिए। बस एक ग्लाइफ़िकॉन, क्योंकि यह सामान्य रूप से पाठ में दिखाई देगा।

मैंने ग्लाइफ़िकॉन कक्षाओं के साथ <button> और <input type='button'> का उपयोग करने का प्रयास किया है, और (जैसा कि कोई उम्मीद करेगा), कोई किस्मत नहीं।

+0

आप हमें दिखा सकते हैं तुम्हारे पास क्या है अब तक कोशिश की? –

+2

इस तरह की http://jsfiddle.net/koala_dev/cCZfQ/? –

+0

@ThibWeb किया। :) –

उत्तर

17

आप एक बटन एक पाठ लिंक के रूप में प्रदर्शित किया जाना भी .btn-link वर्ग का उपयोग कर सकते हैं:

<form> 
... 
<button type="submit" class="btn btn-link"> 
    <span class="glyphicon glyphicon-star"></span> 
</button> 
</form> 

देखें इस demo fiddle

+0

मिला जो मैं चाहता था। इस वर्ग के बारे में नहीं पता था। बहुत बहुत धन्यवाद। –

+0

@Kye कोई समस्या नहीं, समुदाय को यह जानने के लिए स्वीकार किए गए उत्तर को चिह्नित करना न भूलें कि आपकी समस्या हल हो गई है :) –

0
<button type="button" class="btn btn-default"> 
    <span class="glyphicon glyphicon-search"></span> 
</button> 

Give this a read

+0

जोड़ने के लिए स्वतंत्र महसूस करें मुझे अभी भी बटन 'लुक' दिया गया है। –

+0

फिर 'बीटीएन-डिफॉल्ट' निकालें, या अपनी खुद की शैलियों बनाएं। – Luke

+0

आह भूल जाओ कि, @koala_dev इसे – Luke

संबंधित मुद्दे