2012-04-14 13 views
37

मैं पाइथन और Django PHP से आ रहा हूँ सीख रहा हूँ। यह सब वास्तव में रोमांचक है, और मैं सेक्सी वेब पेज बनाने के लिए Django के साथ बूटस्ट्रैप का उपयोग करना पसंद करूंगा।मैं Django के साथ बूटस्ट्रैप का उपयोग कैसे कर सकता हूं?

जैसा कि मैं इसे समझता हूं (मैं अपनी वेबसाइट पर Django ट्यूटोरियल का अनुसरण कर रहा हूं), Django "ऐप्स" का उपयोग करता है जिसे आपकी settings.py फ़ाइल में शामिल किया जा सकता है। मैंने एक त्वरित खोज की और कई बूटस्ट्रैप-थीम वाले ऐप्स पाए, लेकिन सही नहीं चुनने के बारे में कोई जानकारी नहीं है। क्या कोई मानक ऐप है जो ज्यादातर लोग उपयोग करते हैं? मुझे केवल bootstrap.css और bootstrap.js फ़ाइलों की आवश्यकता है।

मुझे यकीन है कि मैं उन्हें मैन्युअल रूप से अपनी रूट में रख सकता हूं, लेकिन मुझे अपने Django इंस्टॉल के भीतर "सभी समावेशी" सेटअप का आनंद मिलेगा।

+0

ऐसा लगता है कि @urbushey ने किसी भी Django ऐप्स के बिना सीधे दृष्टिकोण की मूल बातें समझाते हुए एक अच्छा काम किया है। यदि आप ऐप्स के बारे में कुछ और विचार चाहते हैं, तो ध्यान दें कि 2012 से सवाल है जो एक साल बाद "बंद" था, जो स्टैक ओवरफ्लो के लिए बाहर का दायरा था। लेकिन इसके बाद से कुछ रोचक अंतर्दृष्टि हैं: http://stackoverflow.com/questions/11821116/django-and-bootstrap-what-app-is- अनुशंसित – nealmcb

उत्तर

50

अपना प्रश्न दोबारा पढ़ना, ऐसा लगता है कि आप ट्विटर बूटस्ट्रैप को Django ऐप के रूप में स्थापित करने का एक तरीका खोज रहे हैं। हालांकि वहां कुछ ऐप्स हैं जो Django के साथ ट्विटर बूटस्ट्रैप का उपयोग करने में सुविधा प्रदान करते हैं, आपको वास्तव में उनमें से किसी का भी उपयोग करने की आवश्यकता नहीं है।

आप या तो प्रोजेक्ट या ऐप स्तर पर ट्विटर बूटस्ट्रैप सीएसएस और जेएस को शामिल कर सकते हैं और उन्हें अपने Django टेम्पलेट्स में संदर्भित कर सकते हैं। , फ़ाइलें

  1. उपयोग स्टेटिक अपने settings.py में बूटस्ट्रैप के लिए पथ को जोड़ने (जो आप डाउनलोड करना चाहिए और:

    ट्विटर बूटस्ट्रैप शामिल करने के लिए एक Django अनुप्रयोग में, आपका सर्वश्रेष्ठ दांव करने के लिए है एक फ़ोल्डर static नामित तहत अपने Django अनुप्रयोग में जगह:

    STATICFILES_DIRS = (
    
        # Put strings here, like "/home/html/static" or "C:/www/django/static". 
        # Always use forward slashes, even on Windows. 
        # Don't forget to use absolute paths, not relative paths. 
        '/path/to/my_project/my_app/static/', 
    ) 
    

    इसके अलावा, सुनिश्चित करें कि आपके STATIC_URL उपसर्ग सेट है:

    # URL prefix for static files. 
    # Example: "http://media.lawrence.com/static/" 
    STATIC_URL = '/static/' 
    

    अब, ट्विटर बूटस्ट्रैप डाउनलोड करने और वहाँ रास्ते में यह जगह:

    /path/to/my_project/my_app/static/bootstrap/ 
    
  2. अपने टेम्पलेट में ट्विटर बूटस्ट्रैप शामिल

    मैं ट्विटर से लिंक हैं बूटस्ट्रैप दस्तावेज, लेकिन वास्तव में कोई नहीं है। आपकी सबसे अच्छी शर्त है कि उनके starter template के स्रोत पर नज़र डालें।Django templating सिस्टम का उपयोग इस प्रश्न के दायरे से थोड़ा सा है, लेकिन मैं आपको यह संकेत दूंगा: स्टार्टर टेम्पलेट में कहीं भी जहां आपको किसी .css या .js के लिंक मिलते हैं, इसे अपने STATIC_URL से प्रतिस्थापित करें।

    तो:

    <link href="../assets/css/bootstrap.css" rel="stylesheet"> 
    

    <link href="{{ STATIC_URL }}/bootstrap/css/bootstrap.css" rel="stylesheet"> 
    

    मैं अपने base.html के रूप में प्रारंभ टेम्प्लेट का उपयोग करें और base.html में {% block content %} ब्लॉक कि मेरे टेम्पलेट्स, जो {% extend base.html %} में वास्तविक सामग्री से बदला जा सकता है शामिल हो जाता है।

  3. या, आप

    आप की जांच कर सकते हैं Django Bootstrap Toolkit है, जो मैं अपने आप को इस्तेमाल नहीं किया है मार्गदर्शन करने के लिए एक 3 पार्टी अनुप्रयोग का उपयोग करें। हालांकि, मैं इसे स्वयं मैन्युअल रूप से करने का सुझाव दूंगा, हालांकि, परियोजना का पता लगाने और वास्तव में यह समझने के लिए कि क्या हो रहा है। यह बिल्कुल मुश्किल नहीं है!

+7

यह सही उत्तर है, लेकिन यह 4 साल का है। Django 1.10 के रूप में, कम से कम, आपको टेम्पलेट के शीर्ष पर {% load static%} और "{% static 'पथ/से/जो भी'%}" का उपयोग करना चाहिए। Https://docs.djangoproject.com/en/1.10/ref/templates/builtins/#static देखें। आपको या तो 'static_url' या 'staticfiles' की आवश्यकता नहीं है। –

+0

इसके अलावा, https://tutorial.djangogirls.org/en/css/ देखें - यह संपूर्ण Django ट्यूटोरियल वास्तव में पालन करना आसान है, और इस पृष्ठ में बूटस्ट्रैप को एकीकृत करना शामिल है। – DaveBoltman

+0

बूटस्ट्रैप url.https के विधि 2, संस्करण 4 के साथ बस एक अद्यतन: //getbootstrap.com/docs/4.0/getting-started/introduction/। त्वरित सेटअप के लिए बस अपने होस्ट किए गए यूआरएल को कॉपी और पेस्ट करने का आसान तरीका। –

4

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

डीजेंगो की वास्तव में अच्छी सुविधाओं में से एक उनके स्वचालित व्यवस्थापक इंटरफ़ेस है। मैं Django-Admin-Tools और django-admintools-bootstrap नामक ऐप का उपयोग करता हूं जो डिफ़ॉल्ट इंटरफ़ेस को एक चिकना दिखने वाले व्यवस्थापक में बदल देता है। https://bitbucket.org/salvator/django-admintools-bootstrap

डीजेंगो ऐप्स या अन्य पायथन मॉड्यूल स्थापित करने का सबसे आसान तरीका पाइप का उपयोग करना है। मैं अपनी django परियोजनाओं को प्रबंधित करने के लिए वर्चुअलनव http://readthedocs.org/projects/virtualenv/ का उपयोग करने पर पढ़ूंगा। जब आप एक पायथन वर्चुअल वातावरण स्थापित करते हैं, तो यह आपको अपने सिस्टम पर एक अलग पायथन इंस्टॉल में django ऐप्स और पायथन मॉड्यूल स्थापित करने की अनुमति देता है।

फिर, अतिरिक्त django ऐप्स इंस्टॉल करना एक हवा-पीआईपी स्थापित django-admin-tools - django grappelli - south - मेरे सभी पसंदीदा हैं।

+1

@ मैक्समैकी भी देखें http://lincolnloop.com/django -बेस्ट-प्रैक्टिस/अच्छा संसाधन :) –

1

क्या होगा अगर आप बस चहचहाना-बूटस्ट्रैप स्थापित पिप का उपयोग कर:

निर्देशों का पालन करें:

https://pypi.python.org/pypi/django-twitter-bootstrap/

सरल विन्यास के लिए

+1

यह एक पूर्ण उत्तर की तरह प्रतीत नहीं होता है, हालांकि एक उपयोगी युक्ति है। मुझे लगता है कि वह मुख्य रूप से "मानक थीम वाले ऐप" की तलाश में है जो ज्यादातर लोग उपयोग करते हैं। – Will

+0

कृपया पढ़ें: http://stackoverflow.com/help/how-to-answer –

+0

इसके अलावा, यह पैकेज छोड़ दिया गया प्रतीत होता है। कुछ अन्य लोग हैं जो गिथब पर हालिया गतिविधि की तलाश में हैं। वे हैं: https://github.com/dyve/django-bootstrap3 ('पीआईपी स्थापित django-bootstrap3' के साथ स्थापित करें) https://github.com/zostera/django-bootstrap4 (' pip इंस्टॉल django के साथ स्थापित करें -bootstrap4') – hlongmore

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

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