प्रकल्पाची नियाळ, ताची आशय, आनी साद्या साच्यान सुरवात कशी करची.
डाउनलोड करचे पयलीं, कोड संपादक (आमी 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 फायल पळयात :
- <!DOCTYPE html> हें नांव
- <html> हें नांव
- <मस्तक> हें नांव
- <title> बूटस्ट्रॅप 101 साचा </title>
- <meta name = "viewport" content = "रुंदी=डिव्हायस-रुंदी, सुरवातीचें-मापन=1.0" >
- </head> हें नांव
- <शरीर> हें नांव
- <h1> नमस्कार, संवसार! </h1> हें नांव
- <script src = "https://code.jquery.com/jquery.js" ></स्क्रिप्ट>
- </body> हें नांव
- </html> अशें म्हण्टात
To make this a Bootstrapped template , फकत योग्य CSS आनी JS फायली समाविष्ट करात:
- <!DOCTYPE html> हें नांव
- <html> हें नांव
- <मस्तक> हें नांव
- <title> बूटस्ट्रॅप 101 साचा </title>
- <meta name = "viewport" content = "रुंदी=डिव्हायस-रुंदी, सुरवातीचें-मापन=1.0" >
- <!-- बूटस्ट्रॅप -->
- <link href = "css/bootstrap.min.css" rel = "शैलीशीट" माध्यम = "स्क्रीन" >
- </head> हें नांव
- <शरीर> हें नांव
- <h1> नमस्कार, संवसार! </h1> हें नांव
- <script src = "https://code.jquery.com/jquery.js" ></स्क्रिप्ट>
- <script src = "जेएस/बूटस्ट्रॅप.मिन.जेएस" ></script>
- </body> हें नांव
- </html> अशें म्हण्टात
आनी तुमी सेट जाल्यात! तीं दोन फायली जोडल्यार, तुमी बूटस्ट्रॅपा वरवीं खंयचीय साइट वा ऍप्लिकेशन विकसीत करपाक सुरवात करूंक शकतात.
कांय उदाहरण मांडावळींनी बेस साच्या भायर वचचें. आमी लोकांक ह्या उदाहरणांचेर पुनरावृत्ती करपाक प्रोत्साहन दितात आनी फकत निमाणो परिणाम म्हणून वापरचे न्हय.
सगळे Bootstrap CSS आनी JavaScript समाविष्ट करून एक barebones HTML दस्तावेज.
प्राथमीक संदेशा खातीर एक नायक एकक आनी तीन आदार घटकांचो आस्पाव.
एक विनाशिल द्रव मांडावळ तयार करपाक आमची नवी प्रतिसाद दिवपी, द्रव जाळी प्रणाली वापरता.
ल्हान प्रकल्प वा पंगडां खातीर बारीक, हलको विपणन साचा.
सुदारीत नवबारांत समान रुंदायेचे नेव्हिगेशन दुवे आशिल्लें विपणन पान.
बेअरबोन्स सानुकूल, व्हड फॉर्म नियंत्रणां आनी लवचीक मांडावळ आशिल्ल्या फॉर्मांत सायन इन करतात.
वापरप्याच्या दृश्यपोर्टाच्या सकयल थारावीक उंचायेचो फूटर पिन करचो.
मुळाव्या मार्केटिंग साइटचेर चड परस्पर संवादात्मक रिफ जातूंत एक म्हत्वाचो हिंडोळो आसता.
म्हायती, उदाहरणां, आनी कोड स्निपेटां खातीर डॉक्स कडेन वचचें, वा फुडली उडी घेवची आनी येवपी खंयच्याय प्रकल्पा खातीर Bootstrap पसंतीचें करचें.
बूटस्ट्रॅप डॉक्साक भेट दिवची बूटस्ट्रॅप सानुकूल करचें