2014-04-22 12 views
14

मैं मोबाइल के लिए वेबसाइट बनाने की कोशिश कर रहा हूं, और मैं पतन बॉक्स क्लिक करने योग्य और न केवल पाठ चाहता हूं।बूटस्ट्रैप के साथ पैनल हेडर क्लिक करने योग्य कैसे करें?

Image

मैं इस साइट अपलोड कर दिया है। http://kristian-jacobs.dk/mobileapp/

अग्रिम धन्यवाद।

+6

कृपया कोडों को वेबसाइटों पर साझा करें। –

+0

आप किस प्रकार के लिए चाहते हैं? क्योंकि मेरे पास कोड की कई पंक्तियां हैं, और यह सुनिश्चित नहीं है कि इसे कहां बदलना है। यद्यपि आप पृष्ठ स्रोत पर राइट क्लिक और देख सकते हैं, और कोड देख सकते हैं। – kristian

+0

@ क्रिस्टियन चूंकि आपकी पिछली टिप्पणी में प्रश्न अनुत्तरित हो गया था, यहां एक उत्तर दिया गया है: किसी समस्या या कुछ में जितना संभव हो उतना छोटा कोड के साथ समस्या का पुनरुत्पादन करें। इस मामले में, आपको केवल उतना ही कोड प्रदान करना होगा जितना कि पैनल उदाहरण में है बूटस्ट्रैप – mjohnsonengr

उत्तर

0

अच्छा। यहां एक कामकाज है। सबसे आसान तरीका display: block को अपने a तत्व पर असाइन करना है और उसके बाद क्लिक करने योग्य क्षेत्र width & height पिक्सेल में सेट करना है। लेकिन निश्चित चौड़ाई और ऊंचाई निर्धारित करने से उत्तरदायी प्रकृति पर असर पड़ सकता है।

एक और अधिक उन्नत और सुविधाजनक ढंग से, एक सा HTML संरचना को बदलने के लिए है, इसलिए a के रूप में पैनल के अंदर हो जाएगा और उसके बाद display: block जोड़ने के लिए, लेकिन इसके बजाय तय width स्थापित करने की और height आप क्लिक करने योग्य के रूप में तो प्रतिशतक उपयोग कर सकते हैं जोन पैनल के आकार को विरासत में लेता है।

FIDDLE example निश्चित आकार के साथ।

+0

यह कामकाजी काम है। मैंने ब्लॉक में डिस्प्ले ब्लॉक जोड़ा है, और अभी भी लिंक – kristian

+0

@ क्रिस्टियन पर क्लिक करने योग्य है, आपको ब्लॉक में नहीं, 'डिस्प्ले: ब्लॉक' 'जोड़ना चाहिए, लेकिन '' a'' : ब्लॉक;} '' और फिर '' चौड़ाई: एक्सपीएक्स; '' और 'ऊंचाई: Ypx;' '' '' '' '' '' '' '' '' '' '' '' '' ' यह आपकी साइट पर और बेवकूफ दोनों पर काम करता है, वहां कोड जांचें, मुझे यकीन है कि आपने मुझे गलत समझा है। – knitevision

+0

किसी कारण से यह अब काम करता है। मैंने ब्लॉक के अंदर एक जोड़ा। धन्यवाद :) – kristian

31

असल में आपको btn-block को a टैग में कक्षा के रूप में जोड़ना होगा।

+0

ओह धन्यवाद, यह कोशिश करेगा :) यह एसीयर टोडो होगा, बाद में इसका परीक्षण करेगा – kristian

+1

बस मेरी साइट के साथ इसका परीक्षण किया और यह काम किया। पूरे हेडर को क्लिक करने योग्य और सिर्फ लिंक बनाने के लिए यह सबसे आसान, सरल समाधान है। – MattD

+6

यह स्वीकार्य उत्तर होना चाहिए। – timgavin

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