2012-12-05 13 views
11

में न्यूनतम चौड़ाई bootstrap वहाँ एक रास्ता बूटस्ट्रैप बताने के लिए तत्वों हटना नहीं करने के लिए जब संकल्प से छोटी है है:ट्विटर उत्तरदायी लेआउट

/* Portrait tablet to landscape and desktop */. 
@media (min-width: 768px) and (max-width: 979px) { ... } 

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

उत्तर

-3

आप उन सभी तत्वों पर सीएसएस संपत्ति min-width जोड़ सकते हैं जिन्हें आप कम नहीं करना चाहते हैं।

+8

के लिए यह सही समाधान नहीं है ... आप नीचे दिए गए दो सुझाव के अनुसार कम-रिज़ॉल्यूशन उत्तरदायी कोड अक्षम करना चाहिए। – zenkaty

+0

और यदि मैं एक विशिष्ट मान प्राप्त करना चाहता हूं, जैसे 'न्यूनतम-चौड़ाई: 5 9 8 पीएक्स;'? मुझे लगता है कि यह एक सरल और तेज़ कामकाज है। – Guilherme

17

अभ्यस्त हालांकि अप खिलवाड़ से ग्रिड प्रणाली रोक न्यूनतम-चौड़ाई संपत्ति जोड़ने में मोबाइल स्क्रीन के मीडिया क्वेरी कोड को हटा सकते हैं वर्गों span1-12 अभी भी जब आकार बदलने छोटे हो जाते हैं के रूप में!

सबसे अच्छा विकल्प http://twitter.github.com/bootstrap/customize.html पर जाएं और उत्तरदायी अनुभाग पर "संक्षिप्त टैबलेट और नीचे (< 767px)" अनचेक करें, फिर अपने कस्टम बूटस्ट्रैप को डाउनलोड करें।

1

मैं दो कदम

  1. सेट कम चर @screen-sm-min: 10px किया था। यह सभी बूटस्ट्रैप की मीडिया क्वेरी

  2. और शीर्ष तत्व पर min-width सेट करेगा।

वर्क्स मुझे

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