2016-03-27 10 views
6

http://bootsnipp.com/snippets/featured/collapsible-chat-widget अगर चैट को उसी स्तर पर कोई नियंत्रण नहीं है, तो विजेट को क्लिक नहीं किया जा सकता है। चैट खोलने पर अन्य नियंत्रणों को क्लिक करने की अनुमति देने का कोई तरीका है?बूटस्ट्रैप ढहने वाला चैट विजेट समस्या

+0

मुझे लगता है कि यह विस्तारित होने पर 'कंटेनर' को दबा रहा है, यह एक मुद्दा हो सकता है यदि आपके पास इस कंटेनर के बाहर सामग्री है क्योंकि यह सामग्री के सामने ओवरलैप हो जाएगी। –

+0

ठीक है चीयर्स, तो यह कैसे हल किया जा सकता है? – Danny

+0

मुझे यकीन नहीं है कि आपके प्रश्न की मेरी समझ सही है। मैं टेक्स्ट एंट्री बॉक्स के साथ बातचीत करने में सक्षम हूं, स्क्रॉल करता हूं, बटन से इंटरैक्ट करता हूं, और विजेट की डिस्प्ले स्टेटस टॉगल करता हूं। जब आप कहते हैं कि विजेट के समान स्तर पर नियंत्रण क्लिक नहीं किया जा सकता है तो आपका क्या मतलब है? – JBartus

उत्तर

6

यह मुद्दा चैट विजेट के रूप में बढ़ने वाले कंटेनर की ऊंचाई के कारण हो सकता है जो पूर्ण चौड़ाई .container तत्व के साथ .container के बाहर किसी भी सामग्री को कवर करेगा।

आप आसपास के .container, .row और .col-md-5 निकाल कर इस से बचने और चौड़ाई की स्थापना अपने स्वयं के आवरण में लपेट विजेट और display: inline-block; अन्य सामग्री ओवरलैपिंग से कंटेनर को रोकने के लिए कर सकते हैं।

उदाहरण के लिए http://bootsnipp.com/snippets/x8G9R देखें। एक ही परिणाम प्राप्त करने के कई तरीके हैं, यह केवल एक उदाहरण है।

मैंने अपने उदाहरण के साथ position: fixed; का उपयोग किया है क्योंकि यह शायद स्क्रॉलिंग के दौरान दृश्यमान होने के लिए उपयोगी होगा।

+0

जब किसी मोबाइल डिवाइस में देखा गया तो विजेट को ध्वस्त नहीं किया जा सकता है। क्या इसे हल करने के लिए वैसे भी है? – Danny

+0

@ डैनी क्या यह व्यूपोर्ट से बाहर होने वाले करीबी लिंक के कारण है? यदि ऐसा है, तो मीडिया क्वेरी जोड़ना और विजेट को 'स्थिति: निश्चित' पर सेट करना, और 'बाएं' और 'दाएं' सेट करें। –

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