सुरवात करप

प्रकल्पाची नियाळ, ताची आशय, आनी साद्या साच्यान सुरवात कशी करची.

डाउनलोड करचे पयलीं, कोड संपादक (आमी Sublime Text 2 शिफारस करतात ) आनी HTML आनी CSS चें कांय काम करपी गिन्यान आसपाची खात्री करात . आमी हांगा स्त्रोत फायलींनी वचचे नात, पूण तीं डावनलोड करपाक उपलब्ध आसात. आमी संकलित केल्ल्या बूटस्ट्रॅप फायलीं कडेन सुरवात करपाचेर लक्ष केंद्रीत करतले.

डाउनलोड संकलित केलां

सुरवात करपाचो सगळ्यांत बेगीन मार्ग: आमच्या CSS, JS, आनी प्रतिमांच्यो संकलित आनी ल्हान केल्लीं आवृत्ती मेळोवचीं. डॉक्स वा मूळ स्त्रोत फायली नात.

बूटस्ट्रॅप डावनलोड करचें

डाउनलोड स्रोत

सगळ्या CSS आनी JavaScript खातीर मूळ फायली मेळोवची, तशेंच GitHub वयल्यान थेट नवीनतम आवृत्ती डाउनलोड करून डॉक्साची थळावी प्रत मेळोवची.

बूटस्ट्रॅप स्रोत डाउनलोड करात

डाउनलोडा भितर तुमकां सकयल दिल्ले फायल रचणूक आनी आशय मेळटले, तार्कीक रितीन सामान्य मालमत्तेचो गट करप आनी संकलित आनी ल्हान केल्ले दोनूय बदल पुरवण करप.

एकदां डाउनलोड केल्या उपरांत, (संकलित केल्ली) बूटस्ट्रॅपाची रचणूक पळोवपाक संकुचीत फोल्डर अनझिप करात. तुमकां अशें कितें तरी दिसतलें:

  बूटस्ट्रॅप / ├── css / ├── बूटस्ट्रॅप . css
   ├── बूटस्ट्रॅप . मि . css
   ├── js / ├── बूटस्ट्रॅप . js
   ├── बूटस्ट्रॅप . मि . js
   └── img / ├── ग्लिफिकॉन्स - हाफलिंग्स . png
       └── ग्लिफिकॉन्स - हाफलिंग्स - धवें . png हें नांव
  
        
        
      

हो Bootstrap चो सगळ्यांत मुळावो प्रकार: लागीं लागीं खंयच्याय वेब प्रकल्पांत बेगीन ड्रॉप-इन वापरा खातीर संकलित फायली. आमी संकलित CSS आनी JS ( bootstrap.*), तशेंच संकलित आनी लघुकृत CSS आनी JS ( bootstrap.min.*) पुरवण करतात. प्रतिमा फायली ImageOptim , PNG संकुचीत करपाखातीर Mac ऍप्लिकेशन वापरून संकुचीत करतात.

उपकार करून लक्षांत दवरात की सगळ्या जावास्क्रिप्ट प्लगइनांक jQuery समाविष्ट करपाची गरज आसा.

बूटस्ट्रॅप सगळ्या तरांच्या गजालीं खातीर HTML, CSS, आनी JS कडेन सज्ज येता, पूण तांचें सारांश बूटस्ट्रॅप दस्तावेजीकरणाच्या वयल्या भागांत दिसपी मुठीभर श्रेणींनी करूं येता .

डॉक्स विभाग

पाळणी घालप

प्रकार आनी पार्श्वभूंय रिसेट करपाक कुडी खातीर जागतीक शैली, दुवो शैली, ग्रिड प्रणाली, आनी दोन सादी मांडावळ.

बेस सीएसएस

टायपोग्राफी, कोड, कोश्टकां, फॉर्म, आनी बटणां सारकिल्या सामान्य HTML घटकांखातीर शैली. तशेंच Glyphicons , एक उत्कृश्ट ल्हान चिन्न संच समाविष्ट आसा.

घटकांचो आस्पाव जाता

टॅब आनी गोळ्या, नवबार, सावधानताय, पान शीर्षकां, आनी हेर सारकिल्या सामान्य संवाद घटकांखातीर मुळाव्यो शैली.

जावास्क्रिप्ट प्लगइन

घटकां प्रमाणें, हे JavaScript प्लगइन टूलटिप्स, पॉपओव्हर, मोडल, आनी हेर गजालीं खातीर परस्पर संवादात्मक घटक आसात.

घटकांची वळेरी

एकठांय, घटक आनी जावास्क्रिप्ट प्लगइन विभाग सकयल दिल्ले संवाद घटक पुरवण करतात:

  • बटण गट करतात
  • बटण ड्रॉपडावन करतात
  • नेव्हिगेशन टॅब, गोळ्या, आनी यादी
  • नवबर हें नांव
  • लेबलां
  • बॅज घालतात
  • पृष्ठ शीर्षकां आनी नायक एकक
  • लघुप्रतिमा
  • सावधानताय दिता
  • प्रगती पट्ट्यो
  • मोडल हांचो आस्पाव जाता
  • ड्रॉपडावन करतात
  • साधनाच्यो टिपा
  • पोपोव्हर्स हें नांव
  • अकॉर्डियन हें नांव
  • हिंडोळ
  • टायपअहेड हें नांव

फुडल्या मार्गदर्शकांत, आमी ह्या घटकां मदल्यान वैयक्तीकपणान चड सविस्तरपणान वचूंक शकतात. ते मेरेन, तांचें वापर कशें करप आनी पसंतीचें करप हाचे विशीं म्हायती खातीर दस्तावेजीकरणांत हातूंतल्या दरेकाचो सोद घेयात.

मार्गांतल्यान भायर आशिल्ल्या आशयाची संक्षिप्त वळख करून, आमी Bootstrap वापरपाक घालपाचेर लक्ष केंद्रीत करूंक शकतात. तें करपाक, आमी एक मुळावो HTML साचा वापरतले जातूंत आमी File structure -त सांगिल्लें सगळें आसपावीत करतले .

आतां, हांगा एक खाशेली HTML फायल पळयात :

  1. <!DOCTYPE html> हें नांव
  2. <html> हें नांव
  3. <मस्तक> हें नांव
  4. <title> बूटस्ट्रॅप 101 साचा </title>
  5. <meta name = "viewport" content = "रुंदी=डिव्हायस-रुंदी, सुरवातीचें-मापन=1.0" >
  6. </head> हें नांव
  7. <शरीर> हें नांव
  8. <h1> नमस्कार, संवसार! </h1> हें नांव
  9. <script src = "https://code.jquery.com/jquery.js" ></स्क्रिप्ट>
  10. </body> हें नांव
  11. </html> अशें म्हण्टात

To make this a Bootstrapped template , फकत योग्य CSS आनी JS फायली समाविष्ट करात:

  1. <!DOCTYPE html> हें नांव
  2. <html> हें नांव
  3. <मस्तक> हें नांव
  4. <title> बूटस्ट्रॅप 101 साचा </title>
  5. <meta name = "viewport" content = "रुंदी=डिव्हायस-रुंदी, सुरवातीचें-मापन=1.0" >
  6. <!-- बूटस्ट्रॅप -->
  7. <link href = "css/bootstrap.min.css" rel = "शैलीशीट" माध्यम = "स्क्रीन" >
  8. </head> हें नांव
  9. <शरीर> हें नांव
  10. <h1> नमस्कार, संवसार! </h1> हें नांव
  11. <script src = "https://code.jquery.com/jquery.js" ></स्क्रिप्ट>
  12. <script src = "जेएस/बूटस्ट्रॅप.मिन.जेएस" ></script>
  13. </body> हें नांव
  14. </html> अशें म्हण्टात

आनी तुमी सेट जाल्यात! तीं दोन फायली जोडल्यार, तुमी बूटस्ट्रॅपा वरवीं खंयचीय साइट वा ऍप्लिकेशन विकसीत करपाक सुरवात करूंक शकतात.

कांय उदाहरण मांडावळींनी बेस साच्या भायर वचचें. आमी लोकांक ह्या उदाहरणांचेर पुनरावृत्ती करपाक प्रोत्साहन दितात आनी फकत निमाणो परिणाम म्हणून वापरचे न्हय.

  • स्टार्टर टेम्पलेट

    सगळे Bootstrap CSS आनी JavaScript समाविष्ट करून एक barebones HTML दस्तावेज.

  • मुळावी विपणन साइट

    प्राथमीक संदेशा खातीर एक नायक एकक आनी तीन आदार घटकांचो आस्पाव.

  • द्रव मांडावळ

    एक विनाशिल द्रव मांडावळ तयार करपाक आमची नवी प्रतिसाद दिवपी, द्रव जाळी प्रणाली वापरता.

  • संकुचीत विपणन

    ल्हान प्रकल्प वा पंगडां खातीर बारीक, हलको विपणन साचा.

  • न्याय्य नव

    सुदारीत नवबारांत समान रुंदायेचे नेव्हिगेशन दुवे आशिल्लें विपणन पान.

  • सायन इन करचें

    बेअरबोन्स सानुकूल, व्हड फॉर्म नियंत्रणां आनी लवचीक मांडावळ आशिल्ल्या फॉर्मांत सायन इन करतात.

  • चिकट पाद लेख

    वापरप्याच्या दृश्यपोर्टाच्या सकयल थारावीक उंचायेचो फूटर पिन करचो.

  • हिंडोला जंबोट्रॉन

    मुळाव्या मार्केटिंग साइटचेर चड परस्पर संवादात्मक रिफ जातूंत एक म्हत्वाचो हिंडोळो आसता.

म्हायती, उदाहरणां, आनी कोड स्निपेटां खातीर डॉक्स कडेन वचचें, वा फुडली उडी घेवची आनी येवपी खंयच्याय प्रकल्पा खातीर Bootstrap पसंतीचें करचें.

बूटस्ट्रॅप डॉक्साक भेट दिवची बूटस्ट्रॅप सानुकूल करचें