बूटस्ट्रैप: कक्षा संदर्भ

यह एक बेवकूफ सवाल की तरह प्रतीत हो सकता है, लेकिन क्या कोई आधिकारिक बूटस्ट्रैप क्लास संदर्भ है? मैंने वेबसाइट पर देखा और एक खोजने में असमर्थ था।बूटस्ट्रैप: कक्षा संदर्भ

मैं कुछ उदाहरण हालांकि देख रहा हूँ और सामान की तरह मैं यह दिखाई देगा:

<div class="container-fluid">

मैं कैसे यह पता लगाने की क्या सभी contain-fluid टैग करता है चाहिए? क्या मुझे नियमों को देखने के लिए हर वर्ग के लिए सीएसएस के माध्यम से खोदने की उम्मीद है और फिर दैवीय यह मेरे पृष्ठ को कैसे प्रभावित करेगा? ऐसा लगता है कि धारणाएं बनाने और बाद में समस्याओं में भाग लेने के लिए एक त्वरित तरीका है।

क्या कोई आधिकारिक संदर्भ कहीं है जहां मुझे याद आ रही है? मैंने तीसरे पक्ष द्वारा संकलित कुछ वर्ग सूचियों को देखा है, लेकिन ऐसा लगता है कि वे हमेशा नए बदलावों के पीछे रहेंगे और इसमें इरादे की धारणाएं हो सकती हैं।

स्रोत

2014-05-10 Chris Schmitz

पूरी तरह से सुनिश्चित नहीं है कि आप क्या पूछ रहे हैं, लेकिन यदि आप बूटस्ट्रैप स्टाइल के विभिन्न हिस्सों के बारे में स्पष्टीकरण की तलाश करते हैं तो यहां उनकी साइट पर उदाहरण देखें। http://getbootstrap.com/ –

किसी कंटेनर में तरल पदार्थ जोड़ने से वह अनुभाग 12 टुकड़ों में विभाजित हो जाएगा चाहे कितना बड़ा हो। इसलिए यदि आपके पास एक अवधि के साथ एक मानक कंटेनर है और उसके भीतर एक द्रव कंटेनर है, तो इसे 6 अनुभागों को 12 में बनाना चाहिए। ग्रिड प्रारूप और बढ़ती सटीकता को बनाए रखने का आसान तरीका। –

तरल पदार्थ के बारे में: आरटीएफएम http://getbootstrap.com/2.3.2/scaffolding।बीटी 2 के लिए एचटीएमएल # तरल ग्रिड सिस्टम या बीटी 3 – pbenard

http://www.tutorialspoint.com/bootstrap/bootstrap_quick_guide.htm में बूटस्ट्रैप लेआउट और सीएसएस घटकों के लिए बहुत अच्छा संदर्भ शामिल है।

स्रोत

2014-09-24 19:03:30 mti2935

अच्छा, धन्यवाद! इसमें बहुत सारी स्पष्टीकरण हैं मैं देख रहा था। मैं लिंक की सराहना करता हूं। –

बूटस्ट्रैप 3 "मोबाइल पहले" दृष्टिकोण में स्थानांतरित हो गया। .container वास्तव में केवल उन उदाहरणों में है जहां आपको एक बॉक्सकी लेआउट चाहिए/चाहिए। लेकिन, अगर आप div.container-fluid पूरी तरह से छूट देते हैं, तो आप डिफ़ॉल्ट रूप से द्रव लेआउट के साथ छोड़ दिया जाता है।

उदाहरण के लिए, एक दो-स्तंभ द्रव लेआउट के लिए, बस का उपयोग करें:

<body> 
<header>...</header> 
<div style="padding:0 15px;"><!-- offset row negative padding --> 
<div class="row"> 
    <div class="col-md-6">50%</div> 
    <div class="col-md-6">50%</div> 
</div> 
</div> 
<footer>...</footer> 
</body>

2.x .container-द्रव बूटस्ट्रैप 3.x (http://getbootstrap.com/getting-started/#migration) में .container ने उनकी जगह ली है, तो कंटेनर तरल पदार्थ है, लेकिन यह पूरी चौड़ाई नहीं है।

आप पंक्ति को द्रव कंटेनर के रूप में उपयोग कर सकते हैं, लेकिन आपको क्षैतिज स्क्रॉल बार से बचने के लिए इसे थोड़ा छोटा करना होगा। डॉक्स (http://getbootstrap.com/css/#grid) से अंश ..

"लोग (जिसका अर्थ है अपनी साइट व्यूपोर्ट की पूरी चौड़ाई में फैला है) पूरी तरह से तरल पदार्थ लेआउट बनाने के लिए गद्दी के साथ एक युक्त तत्व में उनके ग्रिड सामग्री लपेट चाहिए देख: 0 15px; ऑफसेट करने के लिए मार्जिन: 0 -15 पीएक्स; .rows पर प्रयोग किया जाता है। "

3.x में बदलाव पर अधिक: http://bootply.com/bootstrap-3-migration-guide

डेमो: बूटस्ट्रैप 3.1

कंटेनर-तरल पदार्थ के लिए http://bootply.com/91948

अद्यतन बूटस्ट्रैप 3.1 में फिर से वापस आ गया है। अब पूर्ण चौड़ाई लेआउट बनाने के लिए कंटेनर-तरल पदार्थ का उपयोग किया जा सकता है: http://www.bootply.com/116382

स्रोत

2014-09-23 10:45:30 al123

नहीं

आधिकारिक लेकिन 2/2016 https://bootstrapcreative.com/resources/bootstrap-3-css-classes-index/

मुद्रण योग्य पीडीएफ और विवरण के साथ एक sortable तालिका वर्गों की सूची के माध्यम से तरह मदद करने के लिए के रूप में वर्तमान।

स्रोत

2016-02-09 20:48:03 JacobLett

बूटस्ट्रैप: कक्षा संदर्भ

उत्तर

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