2012-03-16 14 views
10

मैं तरल लेआउट का उपयोग करते समय [बाएं | सामग्री | दाएं] और [बाएं | सामग्री] या [सामग्री | दाएं] जैसे विभिन्न लेआउट रखना चाहता हूं, "कोशिकाओं" के बीच गटर भी तरल पदार्थ है और इसका प्रतिशत मान है। लेकिन मैं बाएं/दाएं और सामग्री क्षेत्रों के बीच 10px या 20px जैसे गटर के लिए निश्चित चौड़ाई लेना चाहता हूं।बूटस्ट्रैप: तरल लेआउट में फिक्स्ड गटर चौड़ाई?

कोई सुझाव यह काम कैसे करें? मैंने पहले से ही कोशिश की है लेकिन जंगली रूप से स्थानांतरण तत्वों के साथ हमेशा खत्म हो गया है।

उत्तर

20

Answered a question like this before, क्या यह मूल रूप से नीचे आया भी कक्षाओं का एक सेट बना रहा था कि कितने साइडबार के आधार पर मुख्य कंटेनर की भरपाई के लिए है, तो जैसे:

सीएसएस

.fixed-fluid { 
    margin-left: 240px; 
} 
.fluid-fixed { 
    margin-right: 240px; 
    margin-left:auto !important; 
} 
.fixed-fixed { 
    margin: 0 240px; 
} 

Demo, here संपादित करें।

+0

डेमो, मैं मुख्य सामग्री में 3 कॉलम कैसे बना सकता हूं, इसके बजाय द्रव होने के बजाय केवल 20px का गटर भी बना सकता हूं? मुझे लगता है कि साइडबार के लिए ऊपर दिखाया गया वही तकनीक? इस सप्ताह के अंत में इसके साथ खेलने के लिए जा रहे हैं। असल में मैं समझना चाहता हूं कि कुछ तरल पदार्थ कॉलम कैसे हैं लेकिन उनकी सामग्री को एक निश्चित गटर स्पेस बनाते हैं। – burzum

+0

@ बर्जज़म उलझन में है, आप का मतलब है कि आप एक निश्चित कंटेनर कैसे प्राप्त करते हैं? जिस तरह से अब यह विरोध है? यदि आप 'फिक्स्ड-फिक्स्ड' क्लास मार्जिन देखते हैं तो गटर में 20 पीएक्स है, आप देख सकते हैं कि यह 'मार्जिन: 0 240 पीएक्स' पर सेट है, साइडबार दोनों चौड़ाई 220 पीएक्स हैं, साथ ही एक अतिरिक्त 20 पीएक्स (कुल मिलाकर 240px) मार्जिन के रूप में आप उस गटर को मुख्य कंटेनर के आस-पास देखते हैं। –

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