2012-11-21 18 views
5

मैं ट्विटर बूटस्ट्रैप का उपयोग करके एक साफ तरल लेआउट बनाने की कोशिश कर रहा हूं, जो स्क्रीन आकार के स्पैन के सापेक्ष अनुपात को संरक्षित करता है।बूटस्ट्रैप फ्लूइड लेआउट छोटी स्क्रीन पर अनुपात को संरक्षित करता है

मुझे यकीन नहीं है कि यह एक साफ तरीके से संभव है (इसके आसपास एक हैक एचटीएमएल टेबल बनाना है), लेकिन मुझे गंदे हैक में दिलचस्पी नहीं है, बिंदु साफ कोड लिखना है।

http://twitter.github.com/bootstrap/scaffolding.html#layouts

(अपने ब्राउज़र विंडो छोटे बनाने का प्रयास करें और आप तरल पदार्थ लेआउट इसे बनाए रखने देखेंगे है रिश्तेदार अनुपात भी:

तो विचार है कि बूटस्ट्रैप वेबसाइट पर वे धारणा है कि यह संभव है देना है अधिकतम करने के लिए (उन्होंने कक्षा के नाम अलग होने के बाद से वेबसाइट पर अलग-अलग कोड का इस्तेमाल किया)

लेकिन फिर जब आप तरल लेआउट डेमो डाउनलोड करते हैं, तो यदि आप खिड़की का आकार बदलते हैं तो कुछ सब कुछ ढेर हो जाता है और मुझे नहीं मिला है इससे बचने के लिए रास्ता:

http://twitter.github.com/bootstrap/examples/fluid.html

मैं सोच रहा हूँ यह संभव नहीं है, लेकिन अगर किसी को हो सकता है इस बारे में कुछ पता था सोच रहा था।

चीयर्स

उत्तर

0

यह व्यवहार bootstrap-responsive.css के शामिल किए जाने के कारण है। संकीर्ण खिड़कियों में (< 767px), यह stacks up columns। इसलिए, यदि आप वास्तव में उस व्यवहार को नहीं चाहते हैं, तो बस bootstrap-responsive.css शामिल न करें।

+0

विचार यह है कि मैं इसे संरक्षित करना चाहता था। मैं आइकन के साथ निर्माण कर रहा था जो बहुत कम जगह ले सकता था। यह अभी बूटस्ट्रैप में उपलब्ध नहीं है इसलिए मैं एक पैच लिखने पर काम कर रहा हूं – nichochar