दिलचस्प पोस्ट
Windows पर अपाचे Hadoop 2.1.0 चलाना लॉगइनदृश्य में नियंत्रण खोजें क्या एक Google App Engine ऐप में एक डिफ़ॉल्ट सेवा / मॉड्यूल फ़ोल्डर संरचना के संदर्भ में एक गैर-डिफ़ॉल्ट एक के भाई हो सकता है? पूरे दस्तावेज़ में एक निश्चित प्रकार के प्रथम / nth तत्व का मिलान करना स्प्लिट स्ट्रिंग, एक पंक्ति में ToList <int> () को कनवर्ट करें कैसे एक फोन कॉल प्रोग्राम के लिए? java.lang.ClassNotFoundException: org.hibernate.HibernateException कैसे x 86 अनुसूचित, ठीक हैं? अपने दृश्यों से एक वेक्टर को विभाजित करें एएसपी.नेट / आईआईएस के साथ एक यूआरएल में एक बृहदान्त्र (:) का उपयोग करना JQuery में एक पृष्ठ से एक पृष्ठ से दूसरे मूल्य कैसे पास करें बाएं बाहरी साइन-इन ओरेकल 11 जी में साइन इन करें चार बिंदुओं की सरणी के मामले में 'सरणी नाम' का क्या अर्थ है? सरल यूनिक्स कमांड, क्या है {} और \; के लिये JDBC MySQL UTF-8 स्ट्रिंग लेखन समस्या

ट्विटर बूटस्ट्रैप को कैसे नामित करें, तो शैलियों में संघर्ष नहीं होता

मैं ट्विटर बूटस्ट्रैप का उपयोग करना चाहता हूं, लेकिन केवल विशिष्ट तत्वों पर ही है, इसलिए मुझे अपने उपसर्ग के साथ सभी ट्विटर बूटस्ट्रैप कक्षाओं को प्रीफ़िक्स करने का तरीका पता करने की आवश्यकता है, या कम मिक्सिन का उपयोग करना मैं अभी तक इसका अनुभव नहीं कर रहा हूं इसलिए मुझे यह समझ में नहीं आता कि यह कैसे करना है। यहां HTML का एक उदाहरण है जिसे मैं शैली की कोशिश कर रहा हूं:

<div class="normal-styles"> <h1>dont style this with bootstrap</h1> <div class="bootstrap-styles"> <h1>use bootstrap</h1> </div> </div> 

इस उदाहरण में, ट्विटर बूटस्ट्रैप सामान्य शैली दोनों h1 एस हैं, लेकिन मैं चहचहाना बूटस्ट्रैप शैलियों को लागू करने वाले क्षेत्रों के बारे में अधिक चयनात्मक होना चाहता हूं।

Solutions Collecting From Web of "ट्विटर बूटस्ट्रैप को कैसे नामित करें, तो शैलियों में संघर्ष नहीं होता"

यह मैंने सोचा था की तुलना में आसान हो गया दोनों कम और सस समर्थन नाम स्थान (दोनों ही वाक्यविन्यास का उपयोग करके) जब आप बूटस्ट्रैप शामिल करते हैं, तो आप ऐसा चयनकर्ता के भीतर ऐसा नाम स्थान के लिए कर सकते हैं:

 .bootstrap-styles { @import 'bootstrap'; } 

अद्यतन: कम के नए संस्करणों के लिए, यहां यह कैसे करना है:

 .bootstrap-styles { @import (less) url("bootstrap.css"); } 

एक समान प्रश्न का उत्तर यहां दिया गया था।

@Andrew महान जवाब है आप यह भी नोट करना चाहेंगे कि बूटस्ट्रैप मुख्य रूप से फ़ॉन्ट को जोड़ने के लिए शरीर {} संशोधित करता है इसलिए जब आप इसे कम / एसएएसएस के माध्यम से नामांकित करते हैं तो आपकी आउटपुट सीएसएस फाइल इस तरह दिखती है: (बूटस्ट्रैप 3 में)

 .bootstrap-styles body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.428571429; color: #333333; background-color: white; } 

लेकिन जाहिर है कि आपके डिवि में एक बॉडी टैग नहीं होगा, इसलिए आपकी बूटस्ट्रैप सामग्री में बूटस्ट्रैप फ़ॉन्ट नहीं होगा (चूंकि सभी बूटस्ट्रैप माता-पिता से फॉन्ट बीते हैं)

ठीक करने के लिए, जवाब होना चाहिए:

 .bootstrap-styles { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.428571429; color: #333333; background-color: white; @import 'bootstrap'; } 

अगर आप "bootstrap-namespaced.less" नामक फ़ाइल में निम्नलिखित शामिल हैं, तो आप 'bootstrap-namespaced.less' को किसी भी कम में आयात कर सकते हैं @ एंड्रू, @ केविन और @ अदम के जवाब एक साथ (और कुछ अन्य शैलियों) डाल कर डालते हैं। फ़ाइल:

 // bootstrap-namespaced.less // This less file is intended to be imported from other less files. // Example usage: // my-custom-namespace { // import 'bootstrap-namespaced.less'; // } // Import bootstrap.css (but treat it as a less file) to avoid problems // with the way Bootstrap is using the parent operator (&). @import (less) 'bootstrap.css'; // Manually include styles using selectors that will not work when namespaced. @import 'variables.less'; & { // From normalize.less // Previously inside "html {" // font-family: sans-serif; // Overridden below -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; // Previously inside "body {" margin: 0; // From scaffolding.less // Previously inside "html {" // font-size: 10px; // Overridden below -webkit-tap-highlight-color: rgba(0,0,0,0); // Previously inside "body {" font-family: @font-family-base; font-size: @font-size-base; line-height: @line-height-base; color: @text-color; background-color: @body-bg; } 

बूटस्ट्रैप सीएसएस के नामस्थान को जोड़ना मॉडल की कार्यक्षमता को तोड़ देगा क्योंकि बूटस्ट्रैप सीधे 'बॉडीड्रॉप' क्लास को शरीर में जोड़ देता है। इस तत्व को मॉडल खोलने के बाद स्थानांतरित करना है, जैसे:

 $('#myModal').modal(); var modalHolder = $('<div class="your-namespace"></div>'); $('body').append(modalHolder); $('.modal-backdrop').first().appendTo(modalHolder); 

आप 'hide.bs.modal' ईवेंट के लिए एक हैंडलर में तत्व निकाल सकते हैं।

फाइलों के अनजान संस्करण का उपयोग करें। निर्धारित करें कि आपको कौन सी कम फ़ाइलों की आवश्यकता होती है, फिर उन फाइलों को लपेटें जो बिना निम्न फाइल हैं:

 .bootstrap-styles { h1 { } } 

इससे आप का उत्पादन होगा:

 .bootstrap-styles h1 { } 

नेमस्पेसिंग मोडल प्लगइन की पृष्ठभूमि वाले डिवीज़ को तोड़ता है, चूंकि वह हमेशा <body> टैग पर सीधे जोड़ दिया जाता है, जो आपके नामों वाले तत्व को छोड़कर उसमें शैलियों को लागू किया जाता है।

इससे पहले कि आप पृष्ठभूमि को दिखाए, इससे पहले आप $body के प्लग इन का संदर्भ बदलकर इसे ठीक कर सकते हैं:

 myDialog.modal({ show: false }); myDialog.data("bs.modal").$body = $(myNamespacingElement); myDialog.modal("show"); 

$body संपत्ति तय करती है कि पृष्ठभूमि कहाँ जोड़ा जाएगा।

एंड्रयू जो उन सभी के बारे में बात कर रहे थे, जिनके बारे में कोई जानकारी नहीं है, उन सब चरणों को बेहतर समझाओ। यहां एक लिंक है जो बहुत अच्छी तरह से समझाता है कि यह बूटस्ट्रैप या अन्य सीएसएस पुस्तकालयों को अलग कैसे करें कदम से यह कैसे किया जाता है

मैंने बूटस्ट्रैप 3 के साथ एक जीआईएसटी नाम दिया एक क्लास के अंदर किया। बूटस्ट्रैप-आवरण https://gist.github.com/onigetoc/20c4c3933cabd8672e3e

मैंने इस उपकरण के साथ शुरू किया: http://www.css-prefix.com/ और खोज के साथ बाकी को ठीक करें और PHPstorm में बदलें। Maxcdn पर सभी फोंट @ फॉन्ट-चेस्ट होस्ट किए गए हैं

पहली पंक्ति का उदाहरण

 .bootstrap-wrapper {font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} 

मुझे @Andrew द्वारा प्रस्तावित एक ही मुद्दे और विधि का सामना करना पड़ा दुर्भाग्य से मेरे विशिष्ट मामले में सहायता नहीं मिली। बूटस्ट्रैप वर्ग किसी अन्य ढांचे से वर्गों के साथ टकराए गए। इस तरह से यह परियोजना https://github.com/sneas/bootstrap-sass-namespace को स्वीकार नहीं कर पाई है। उपयोग करने के लिए स्वतंत्र महसूस करें