2012-07-11 12 views
7

मैं अपनी साइट बनाने और जल्द ही लॉन्च करने की योजना बना रहा हूं। मैं रेल फ्रेमवर्क का उपयोग कर सभी कोडिंग कर रहा हूं। मैं अपनी साइट के स्टाइलिंग के लिए बूटस्ट्रैप से अवगत हूं।रेल के लिए बूटस्ट्रैप के विकल्प

हालांकि, मैंने पहले से ही किसी अन्य साइट के लिए बूटस्ट्रैप का उपयोग किया है। कृपया कुछ अन्य विकल्पों का सुझाव दें।

धन्यवाद - सिड

उत्तर

9

Zurb foundation मेरी पसंद करता है, तो मैं ट्विटर बूटस्ट्रैप के अलावा कुछ का उपयोग करने के थे। , Skeleton और HTML Kickstart आप वास्तव में कुछ प्रकाश के लिए देख रहे हैं:

अगर मैं वास्तव में minimalist जाना चाहती थी मैं thoughtbot's bourbon

कुछ अन्य लोगों का उपयोग करेंगे।

4

आप अपने वेबसाइटों के लिए अलग स्टाइल लागू करना चाहते हैं और आप अलग अलग सीएसएस सामने के अंत चौखटे आप कुछ वेबसाइटों के बाद एक कठिन समय करने जा रहे हैं पर स्विच करके इस लक्ष्य को हासिल है। आपको न केवल इन ढांचे का उपयोग करने के लिए सीखना होगा, बल्कि कुछ वेबसाइटों के बाद भी आप कोशिश करने के लिए ढांचे से बाहर निकलने जा रहे हैं।

इसके बजाय, क्यों नहीं बूटस्ट्रैप को कस्टमाइज़ करने का तरीका बताएं कि आप इसे अद्वितीय दिख सकते हैं (मुझे पता है कि बॉक्स से बूटस्ट्रैप सर्वव्यापी हो रहा है और यह अलग दिखना अच्छा लगता है)।

यदि आप उन्हें ढूंढते हैं तो बूटस्ट्रैप और there are other resources को अनुकूलित करने के बारे में some nice ideas here भी हैं।

एक फ्रंट-एंड फ्रेमवर्क का उपयोग करने में अच्छा हो और इसे अनुकूलित करने के तरीके को समझें और परिणामस्वरूप आप अधिक उत्पादक डेवलपर बन जाएंगे।

3

बूटस्ट्रैप का उपयोग करने के विकल्प हैं जो रेल डिज़ाइन पर रूबी के लिए RailsThemes देखें। थीम को बूटस्ट्रैप के मार्कअप का उपयोग करने के लिए अपनी साइट को कन्वर्ट करने की आवश्यकता के बिना इंस्टॉलेशन के बाद काम करना चाहिए। कई आम रत्न बस बॉक्स से बाहर काम करते हैं। कुछ विषयों डेल के जवाब से सहमत, कंकाल का उपयोग करते हैं। (पूर्ण प्रकटीकरण: मैं RailsThemes पर काम कर रहे टीम का हिस्सा हूं।)

2

मुझे पता है कि आप किसी अन्य साइट के लिए बूटस्ट्रैप का फिर से उपयोग नहीं करना चाहते हैं, लेकिन यह सुझाव देगा कि आपको इस वेबसाइट पर एक नज़र डालें। वे ट्विटर बूटस्ट्रैप का उपयोग करते हैं, लेकिन कुछ थीम आपको बूटस्ट्रैप के विभिन्न दिखने और महसूस करने के लिए प्रेरित कर सकती हैं। बूटस्ट्रैप के बॉक्स कॉन्फ़िगरेशन से सामान्य रूप से कई साइटों के समान दिखता है, लेकिन इन लोगों ने मूल रूप से लेने और उन्हें असली उत्तम दर्जे का दिखने का एक अच्छा काम किया है। http://semantic-ui.com/

कोड बहुत readeable करने के लिए है:

https://wrapbootstrap.com/

enter image description here

0

आप देख रहे हैं के लिए कुछ नया करने के लिए, आप अर्थ ui कोशिश कर सकते हैं।

सिमेंटिक:

<div class="ui three column grid"> 
    <div class="column">1</div> 
    <div class="column">2</div> 
    <div class="column">3</div> 
</div> 

बूटस्ट्रैप:

<div class="row"> 
    <div class="col-lg-4">1</div> 
    <div class="col-lg-4">2</div> 
    <div class="col-lg-4">3</div> 
</div> 
उदाहरण के लिए
संबंधित मुद्दे