दिलचस्प पोस्ट
'आंतरिक टेक्स्ट' IE में काम करता है, लेकिन फ़ायरफ़ॉक्स में नहीं HTML पृष्ठ लोड करने के लिए JSONP का उपयोग करें सेवा / फैक्टरी से नियंत्रकों तक बाध्यकारी चर JTable + विशिष्ट फ़ील्ड छंटनी यादृच्छिक संख्या पीढ़ी – उसी नंबर को वापस लिनक्स में यूज़र-स्पेस से वैरिएबल के भौतिक पता कैसे खोजना है? क्या एक्लिप्स के लिए कोई मैक्रो रिकॉर्डर है? परिवर्तित इनपुट पाठ बॉक्स का पता लगाएं पायथन स्मृति लीक HTML5 स्थानीय स्टोरेज फ़ॉलबैक समाधान JQuery के उपयोग से रोलओवर पर छवि स्रोत बदलें PHP के माध्यम से एक फ़ाइल को कैसे हटाएं? IQueryable के EntityFramework के कार्यान्वयन की सीमाओं का नकली कैसे करें सी में गड़बड़ी करने के लिए सरणी क्यों करते हैं? एक सरणी में CSV फ़ाइल पढ़ना और मूल्यों को संग्रहीत करना

फिक्स्ड आवरण के साथ बूटस्ट्रैप ग्रिड – स्टैकिंग से स्तंभ रोकें

जैसा कि शीर्षक बताता है कि मैं एक निश्चित आवरण के साथ बूटस्ट्रैप 3 ग्रिड प्रणाली का उपयोग करने की कोशिश कर रहा हूं। लेकिन जब मैं ब्राउज़र का आकार बदलता हूं, तब कॉलम स्टैक करते हैं, भले ही आवरण एक ही आकार में रहता है?

बीटीडब्लू: मैं 3 संस्करण का उपयोग कर रहा हूं ताकि मैं साइट को पोर्ट किए जाने के बाद उत्तरदायी लेआउट पर जा सकूं। (जो बहुत बड़ा है और मैं अकेला हूं, इसलिए कदम से कदम ही एकमात्र विकल्प है …)

<!DOCTYPE html> <html> <head> <title>Bootstrap 101 Template</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Bootstrap --> <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="../../assets/js/html5shiv.js"></script> <script src="../../assets/js/respond.min.js"></script> <![endif]--> <style> /* Custom container */ .container-fixed { margin: 0 auto; max-width: 800px; min-width: 800px; width: 800px; background-color:#C05659; } .container-fixed > hr { margin: 30px 0; } </style> </head> <body> <div class="container-fixed"> <div class="row"> <div class="col-md-4">.col-md-4</div> <div class="col-md-4">.col-md-4</div> <div class="col-md-4">.col-md-4</div> </div> <hr> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="http://code.jquery.com/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> </body> </html> 

वेब के समाधान से एकत्रित समाधान "फिक्स्ड आवरण के साथ बूटस्ट्रैप ग्रिड – स्टैकिंग से स्तंभ रोकें"

आप गैर-स्टैकिंग col-xs-* क्लास का उपयोग कर सकते हैं …

 <div class="container"> <div class="row"> <div class="col-xs-4">.col-4</div> <div class="col-xs-4">.col-4</div> <div class="col-xs-4">.col-4</div> </div> </div> 

डेमो: http://bootply.com/80085

संपादित करें: बूटस्ट्रैप 4 , xs अब निर्दिष्ट करने की आवश्यकता नहीं है ..

 <div class="container-fluid"> <div class="row"> <div class="col-4">.col-4</div> <div class="col-4">.col-4</div> <div class="col-4">.col-4</div> </div> </div>