2012-06-08 12 views
9

मुझे बूटस्ट्रैप के साथ चल रहे रेल ऐप पर रूबी मिली है, जिसे मैंने मणि ट्विटर-बूटस्ट्रैप-रेल का उपयोग करके इंस्टॉल किया है।ट्विटर-बूटस्ट्रैप-रेल के साथ बूट्सवॉच थीम को एकीकृत करना

अब मैं एक नई बूटस्वाच थीम को एकीकृत करना चाहता हूं, लेकिन मुझे यह पता लगाने में परेशानी हो रही है कि क्या करना है।

प्रत्येक विषय के लिए चार संभावित डाउनलोड हैं - bootstrap.css फ़ाइल, bootstrap.min.css फ़ाइल, एक चर .less फ़ाइल, और bootswatch.less। मेरा सवाल है: क्या मुझे उन्हें अपने ~/app/assets/stylesheets फ़ोल्डर में डाउनलोड करने और जोड़ने की ज़रूरत है? या क्या मुझे बस उन लोगों का एक सबसेट चाहिए? वर्तमान में ~/app/assets/stylesheets के अंदर केवल दो फाइलें हैं: application.css और boostrap_and_overrides.css.lessकम वास्तव में मुझे यहां फेंकता है इसलिए मैं पूरी तरह उलझन में हूं कि यह कैसे काम करता है और मुझे इस सेटअप के साथ नई सीएसएस फ़ाइलों को जोड़ने के लिए क्या करना है। किसी भी मदद की सराहना की है।

उत्तर

7

आपको केवल bootstrap.css फ़ाइल डाउनलोड करने की आवश्यकता है, और इसका नाम बदलें। Bootstrap.min.css सीएसएस फ़ाइल के समान ही है जो इसका एक छोटा संस्करण है। सीएसएस लिखने और प्रत्येक संपत्ति को अलग-अलग एक्सेस करने का एक और तरीका कम है। less देखें। सीएसएस फ़ाइल जोड़ें और एचटीएमएल में एकीकृत करना शुरू करें, एचटीएमएल को नई स्टाइलशीट पर भी इंगित करें।

+0

तो मैं यह सोचते कर रहा हूँ कि अगर मैं bootstrap.css फ़ाइल में फेंक, इसका नाम बदलना new_theme.css को, और एक styleheet_link_tag (application.html.haml दृश्य में) जोड़ें या (application.css में) की आवश्यकता है, नई थीम डिफ़ॉल्ट बूटस्ट्रैप थीम को ओवरराइड करें जहां उचित हो? – tanookiben

+0

हां और उनके [github] (https://github.com/thomaspark/bootswatch/blob/master/README.md) पृष्ठ को भी देखें, उनके बूटस्ट्रैप का उपयोग करने के तरीके पर बहुत मूल्यवान जानकारी। – coletrain

+0

मदद के लिए कूल धन्यवाद! – tanookiben

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