2012-08-13 13 views
5

मैंने बूटस्ट्रैप बटनों के लिए चौड़ाई संपत्ति जोड़ा। हालांकि, इसने को <button class="btn" /> के समान चौड़ाई नहीं बनाया। यहां jsFiddle है।बूटस्ट्रैप लिंक बटन और बटन एक ही चौड़ाई नहीं है। कैसे ठीक करना है?

यह क्रोम में है।

उत्तर

9

शून्य से दाएं और दाएं padding को रीसेट करना मदद करता है लेकिन लिंक बटन 2px व्यापक छोड़ देता है।

इसका कारण यह है Chrome की उपयोगकर्ता एजेंट box-sizing: border-boxbutton के तत्व है जो paddingwidth में है और यह के अलावा नहीं शामिल किया जाएगा इसका मतलब लागू होता है।

अपनी कक्षा में box-sizing: content-box सेट करना इस 2px अंतर को भी ठीक करता है।

demo देखें।

+0

धन्यवाद! लेकिन लिंक अभी भी लगभग 1-बिट लंबा है। मुझे लगता है कि मैं '

+0

मेरा अद्यतन उत्तर और डेमो देखें। –

+0

धन्यवाद मोइन ज़मान !! –