2013-04-27 11 views
5

मैं निम्नलिखित प्रविष्टियों मेरी (रेल 3.2.13) Gemfile है:ट्विटर बूटस्ट्रैप: क्या मुझे बूटस्ट्रैप-एसएएस और ट्विटर-बूटस्ट्रैप-रेल रत्न दोनों की आवश्यकता है?

gem 'twitter-bootstrap-rails' 
gem 'bootstrap-sass' 

और एप्लिकेशन/आस्तियों/javascripts/application.js में:

//= require twitter/bootstrap 

और एप्लिकेशन/संपत्ति के शीर्ष पर /stylesheets/custom.css.scss:

@import 'bootstrap' 

क्या यह "सही" है? क्या मुझे दोनों 'ट्विटर-बूटस्ट्रैप-रेल' और 'बूटस्ट्रैप-एसएएस' (या शायद 'बूटस्ट्रैप-एसएएस-रेल') की आवश्यकता है, या वे अनावश्यक और संभावित रूप से विरोधाभासी हैं? क्या 'बूटस्ट्रैप-एसएएस' रत्नों में ढांचे के लिए जावास्क्रिप्ट, या केवल सीएसएस शामिल है?

उत्तर

9

यदि आप SASS का उपयोग करना चाहते हैं तो आपको boostrap-sass या bootstrap-sass-rails का उपयोग करना चाहिए। Twitter-bootstrap-rails कम स्रोत का उपयोग करता है। यदि आप दोनों को शामिल करना चाहते थे तो शायद संघर्ष होंगे। उनमें से सभी पहले से बूटस्ट्रैप के लिए जावास्क्रिप्ट शामिल हैं और संपत्ति पाइपलाइन में एकीकृत हैं।

मैं व्यक्तिगत रूप से कम संस्करण का उपयोग के रूप में यह क्या बूटस्ट्रैप मूल रूप में लिखा है। (तेज विज्ञप्ति प्राप्त हो सकता है बूटस्ट्रैप अद्यतन)

यह GitHub पर जवाहरात की जाँच करने के लिए अपने सटीक आवश्यकताओं और कौन-सा संस्करण का मूल्यांकन करने के आम तौर पर अच्छा है वे रेल का समर्थन करते हैं।

+1

मैंने इस उत्तर को स्वीकार कर लिया क्योंकि आपने विशेष रूप से मेरे प्रश्न का जवाब दिया कि जावास्क्रिप्ट को 'एसएएस' नामित रत्नों में शामिल किया गया था या नहीं। धन्यवाद! –

11

नहीं, आपको दोनों की आवश्यकता नहीं है।

बस बस अपने gemfile में रखते: application.js

//= require bootstrap 

में

@import 'bootstrap'; 
@import 'bootstrap-responsive'; 

यह आपको कहीं हैं:

gem 'sass-rails' 
gem 'bootstrap-sass' 

यह application.css.scss में अभी भी समस्याएं हैं जिन्हें आपको अपनी मेनिफेस्ट फाइलों में चीजों के क्रम को देखने की आवश्यकता हो सकती है ..

+0

धन्यवाद, बहुत मददगार! –

+0

यदि आप फ़ॉन्ट का उपयोग कर रहे हैं, तो https://github.com/littlebtc/font-awesome-sass-rails/pull/35 – Abram

+0

@Abram आपके समाधान के लिए धन्यवाद, इससे मेरी सहायता हुई। केवल स्टाइलशीट जोड़ना थोड़ा अलग था। मेरे लिए application.css.scss में '@ import' काम नहीं किया। मुझे application.css में '= बूटस्ट्रैप की आवश्यकता है 'जोड़ना पड़ा। –

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