प्रोजेक्ट के अवलोकन, एकर सामग्री, आ कइसे एगो साधारण टेम्पलेट से सुरुआत कइल जा सके ला।
डाउनलोड करे से पहिले कोड एडिटर जरूर राखीं (हमनी के सलाह बा कि सबलाइम टेक्स्ट 2 ) आ एचटीएमएल आ सीएसएस के कुछ कामकाजी जानकारी होखे. हमनी के इहाँ स्रोत फाइल के माध्यम से ना घुमब जा, लेकिन उ डाउनलोड खातिर उपलब्ध बा। हमनी के संकलित बूटस्ट्रैप फाइल के साथ शुरू करे पर ध्यान देब जा।
शुरू करे के सबसे तेज़ तरीका: हमनी के सीएसएस, जेएस, आ छवि के संकलित आ लघु संस्करण प्राप्त करीं। कवनो डॉक्स भा मूल स्रोत फाइल नइखे.
सभ सीएसएस आ जावास्क्रिप्ट खातिर मूल फाइल सभ के साथ, सीधे गिटहब से नवीनतम संस्करण डाउनलोड क के डॉक्स सभ के स्थानीय कॉपी भी प्राप्त करीं।
डाउनलोड के भीतर रउआँ के निम्नलिखित फाइल संरचना आ सामग्री मिल जाई, आम संपत्ति सभ के तार्किक रूप से समूहबद्ध कइल आ संकलित आ छोट दुनों तरह के भिन्नता उपलब्ध करावल।
एक बेर डाउनलोड होखला के बाद, (संकलित) बूटस्ट्रैप के संरचना देखे खातिर संकुचित फोल्डर के अनजिप करीं। रउरा कुछ अइसने देखब:
बूटस्ट्रैप / ├── css / │ ├── बूटस्ट्रैप के बा . css │ ├── बूटस्ट्रैप के बा . मिनट के बा . css ├── js / │ ├── बूटस्ट्रैप के बा . जेएस │ ├── बूटस्ट्रैप के बा . मिनट के बा . js ├── img / │ ├── ग्लिफिकॉन्स - हाफलिंग्स के बा . png │ ├── ग्लिफिकॉन - हाफलिंग - सफेद बा। पीएनजी के बा └── रीडमी के बा . एमडी के बा
ई बूटस्ट्रैप के सभसे बेसिक रूप हवे: लगभग कौनों भी वेब प्रोजेक्ट में जल्दी से ड्रॉप-इन इस्तेमाल खातिर संकलित फाइल। हमनी के संकलित सीएसएस आ जेएस ( bootstrap.*
) के साथे-साथे संकलित आ लघुकृत सीएसएस आ जेएस ( bootstrap.min.*
) भी उपलब्ध करावेनी जा। इमेज फाइल सभ के संकुचित कइल जाला ImageOptim , पीएनजी सभ के संकुचित करे खातिर एगो मैक ऐप के इस्तेमाल से।
कृपया ध्यान दीं कि सभ जावास्क्रिप्ट प्लगइन सभ के jQuery के शामिल करे के जरूरत बा।
बूटस्ट्रैप हर तरह के चीज खातिर एचटीएमएल, सीएसएस, आ जेएस से लैस होला, बाकी इनहन के संक्षेप में मुट्ठी भर श्रेणी सभ के साथ बतावल जा सके ला जे बूटस्ट्रैप दस्तावेजीकरण के ऊपर लउके ला ।
टाइप आ बैकग्राउंड के रीसेट करे खातिर बॉडी खातिर ग्लोबल स्टाइल, लिंक स्टाइल, ग्रिड सिस्टम, आ दू गो सरल लेआउट।
टाइपोग्राफी, कोड, टेबल, फॉर्म, आ बटन नियर आम एचटीएमएल तत्व सभ खातिर स्टाइल। साथ ही Glyphicons भी शामिल बा , एगो बढ़िया छोट आइकन सेट।
आम इंटरफेस घटक सभ खातिर बेसिक स्टाइल जइसे कि टैब आ गोली, नवबार, अलर्ट, पन्ना हेडर, आ अउरी बहुत कुछ।
कंपोनेंट नियर, ई जावास्क्रिप्ट प्लगइन टूलटिप, पॉपओवर, मोडल आ अउरी चीज सभ खातिर इंटरैक्टिव कंपोनेंट हवें।
एक साथ, कंपोनेंट आ जावास्क्रिप्ट प्लगइन सेक्शन सभ निम्नलिखित इंटरफेस तत्व सभ के उपलब्ध करावे लें:
भविष्य के गाइड सभ में, हमनी के एह घटक सभ के माध्यम से अलग-अलग तरीका से अउरी बिस्तार से चल सके लीं। तब तक ले, इनहन में से हर एक के इस्तेमाल आ अनुकूलित करे के तरीका के जानकारी खातिर दस्तावेजीकरण में देखल जाय।
रास्ता से बाहर सामग्री के संक्षिप्त परिचय के साथ, हमनी के बूटस्ट्रैप के इस्तेमाल में लगावे पर ध्यान केंद्रित कर सकेनी जा। एकरा खातिर हमनी के एगो बेसिक एचटीएमएल टेम्पलेट के इस्तेमाल करब जा जवना में हमनी के फाइल संरचना में बतावल सब कुछ शामिल होई ।
अब, इहाँ एगो ठेठ HTML फाइल पर नजर डालल जा रहल बा :
- <!DOCTYPE html> के बा
- <html> के बा
- <सिर> के बा
- <title> बूटस्ट्रैप 101 टेम्पलेट </title> बा
- </head> के बा
- <शरीर> के बा
- <h1> नमस्कार बा, दुनिया! </h1> के बा
- <script src = "https://code.jquery.com/jquery-latest.js" ></script> के बारे में जानकारी दिहल गइल बा
- </body> के बा
- </html> के बा
एकरा के बूटस्ट्रैप्ड टेम्पलेट बनावे खातिर , बस उचित CSS आ JS फाइल सभ के शामिल करीं:
- <!DOCTYPE html> के बा
- <html> के बा
- <सिर> के बा
- <title> बूटस्ट्रैप 101 टेम्पलेट </title> बा
- <!-- बूटस्ट्रैप --> के बा
- <link href = "css/bootstrap.min.css" rel = "स्टाइलशीट" > बा
- </head> के बा
- <शरीर> के बा
- <h1> नमस्कार बा, दुनिया! </h1> के बा
- <script src = "https://code.jquery.com/jquery-latest.js" ></script> के बारे में जानकारी दिहल गइल बा
- <script src = "जेएस/बूटस्ट्रैप.मिन.जेएस" ></स्क्रिप्ट> बा
- </body> के बा
- </html> के बा
आ रउरा त सेट हो गइल बानी! ओह दुनो फाइल के जोड़ला के बाद रउआ बूटस्ट्रैप से कवनो साइट भा एप्लीकेशन के डेवलप शुरू क सकेनी।
कुछ उदाहरण लेआउट के साथ आधार टेम्पलेट से आगे बढ़ीं। हम लोग के प्रोत्साहित करत बानी कि ऊ लोग एह उदाहरणन पर दोहरावे आ खाली अंतिम परिणाम का रूप में इस्तेमाल ना करे.
एगो प्राथमिक संदेश खातिर एगो हीरो यूनिट आ तीन गो सहायक तत्वन के विशेषता बा.
हमनी के नया रिस्पांसिव, फ्लूइड ग्रिड सिस्टम के इस्तेमाल एगो निर्बाध तरल लेआउट बनावे खातिर करेला।
एगो बेयरबोन्स एचटीएमएल डॉक्यूमेंट जवना में सगरी बूटस्ट्रैप सीएसएस आ जावास्क्रिप्ट शामिल बा.
जानकारी, उदाहरण, आ कोड स्निपेट खातिर डॉक्स पर जाईं, या अगिला छलांग लगाईं आ कवनो आवे वाला प्रोजेक्ट खातिर बूटस्ट्रैप के अनुकूलित करीं।
बूटस्ट्रैप डॉक्स पर जाईं बूटस्ट्रैप के अनुकूलित करीं