रेल ऐप: ट्विटर बूटस्ट्रैप

Question

के साथ स्रोत सहित एक मणि बनाम का उपयोग करके मैं अपने ऐप से गुजर चुका हूं और मुझे यह पता लगाने में परेशानी हो रही है कि जब मैं इसे एक मणि के माध्यम से शामिल करता हूं तो बिल्कुल ट्विटर बूटस्ट्रैप स्रोत कहां जाता है। अगर मैं Bootstrap .css को उदाहरण के लिए देखना चाहता था, तो मैं इसे कैसे पा सकता हूं?

वैकल्पिक, जैसा कि मैं समझता हूं, इसे एक मणि के रूप में शामिल करने के लिए डाउनलोड किया जाएगा और स्रोत को सीधे, सही समझा जाएगा? एक दृष्टिकोण दूसरे से बेहतर है।

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

इस काम के बारे में कुछ स्पष्टीकरण की सराहना की जाएगी। मेरे ऐप की निर्देशिका में बैठे स्रोत को कहीं भी समझ में आता है, और मैं इसे .html फ़ाइलों के सापेक्ष इंगित कर सकता हूं ... लेकिन जेमफाइल के साथ मुझे लगता है कि चीजें एक छोटे से काले बॉक्स में हैं ...

Answer 1

मैं बिल्कुल सहमत हैं कि Bootstrap फ़ाइलों को आपके एप्लिकेशन के बाहर बैठने के लिए जबरदस्त है।

मैं इस मामले में निम्नलिखित कार्यप्रवाह की सिफारिश: Github से

1. क्लोन रेपो bootstrap-sass या zipball डाउनलोड करें। यह सास में बूटस्ट्रैप का आधिकारिक बंदरगाह है और इसे उसी टीम द्वारा अद्यतन रखा जाता है।

2. कॉपी करें सास आंशिक (जिनके फ़ाइल नाम अंडरस्कोर से शुरू होता है) app/vendor/assets/stylesheets पर। जावास्क्रिप्ट और छवियां app/vendor/assets के तहत अपनी संबंधित निर्देशिका में जाती हैं। यह आपको उन फ़ाइलों को संपादित करने से दूर रहने के लिए याद दिलाएगा जबकि एक ही समय में आपके ऐप की संपत्ति निर्देशिका को साफ रखेगा। और जब भी आप उन्हें नजदीक लगाना पसंद करते हैं, तो वे सही होंगे।

3. bootstrap.scssapp/assets/stylesheets पर कॉपी करें और जितना चाहें उतना टिंकर करें। उन सभी सुविधाओं को बंद करना सुनिश्चित करें जिन्हें आप उपयोग नहीं कर रहे हैं, क्योंकि उस सामान को ले जाने का मतलब आपके लिए आवश्यक एक बड़ी सीएसएस फ़ाइल होगी।

4. अपने बूस्ट्रैप वैरिएबल और कक्षाओं को कस्टमाइज़ करें और को अपने मैनिफेस्ट में बूटस्ट्रैप फ़ाइलों के साथ लोड करें, जैसे कि आप एक मणि के साथ करेंगे। उदाहरण के लिए, मान लें कि आप अपने स्वयं के चर _overrides.scss में डालते हैं। आपका application.css.scss इस प्रकार दिखाई देगा:

   @import "bootstrap"; 
   @import "overrides"; 
   

यह है कि। app/vendor/assets के लिए बनाया गया था!

Answer 2

मैं आरओआर के लिए अपेक्षाकृत नया हूं और पाया कि बूटस्ट्रैप को लागू करने के कई अलग-अलग तरीके हैं। मैंने मणि thomas-mcdonald/bootstrap-sass की कोशिश की और इसे महान काम करने के लिए मिला। लेकिन मैं गहराई से ज्ञान प्राप्त करना चाहता था कि बूटस्ट्रैप फाइलें क्या कर रही थीं और कोड कैसा दिख रहा था। उपर्युक्त उत्तर बहुत उपयोगी था। मैं बस यह जोड़ना चाहता था कि यह bootstrap 3 video बहुत उपयोगी साबित हुआ और मेरे लिए काम किया।