मिल रहल बा · बूटस्ट्रैप भोजपुरी भाषा में बा

डाउनलोड करे से पहिले कोड एडिटर जरूर राखीं (हमनी के सलाह बा कि सबलाइम टेक्स्ट 2 ) आ एचटीएमएल आ सीएसएस के कुछ कामकाजी जानकारी होखे. हमनी के इहाँ स्रोत फाइल के माध्यम से ना घुमब जा, लेकिन उ डाउनलोड खातिर उपलब्ध बा। हमनी के संकलित बूटस्ट्रैप फाइल के साथ शुरू करे पर ध्यान देब जा।

डाउनलोड संकलित हो गइल बा

शुरू करे के सबसे तेज़ तरीका: हमनी के सीएसएस, जेएस, आ छवि के संकलित आ लघु संस्करण प्राप्त करीं। कवनो डॉक्स भा मूल स्रोत फाइल नइखे.

बूटस्ट्रैप डाउनलोड करीं

स्रोत डाउनलोड करीं

सभ सीएसएस आ जावास्क्रिप्ट खातिर मूल फाइल सभ के साथ, सीधे गिटहब से नवीनतम संस्करण डाउनलोड क के डॉक्स सभ के स्थानीय कॉपी भी प्राप्त करीं।

बूटस्ट्रैप स्रोत डाउनलोड करीं

डाउनलोड के भीतर रउआँ के निम्नलिखित फाइल संरचना आ सामग्री मिल जाई, आम संपत्ति सभ के तार्किक रूप से समूहबद्ध कइल आ संकलित आ छोट दुनों तरह के भिन्नता उपलब्ध करावल।

एक बेर डाउनलोड होखला के बाद, (संकलित) बूटस्ट्रैप के संरचना देखे खातिर संकुचित फोल्डर के अनजिप करीं। रउरा कुछ अइसने देखब:

  बूटस्ट्रैप / ├── css / │ ├── बूटस्ट्रैप के बा . css
   │ ├── बूटस्ट्रैप के बा . मिनट के बा . css
   ├── js / │ ├── बूटस्ट्रैप के बा . जेएस
   │ ├── बूटस्ट्रैप के बा . मिनट के बा . js
   └── img / ├── ग्लिफिकॉन्स - हाफलिंग बा . png
       └── ग्लिफिकॉन - हाफलिंग - सफेद बा। पीएनजी के बा

ई बूटस्ट्रैप के सभसे बेसिक रूप हवे: लगभग कौनों भी वेब प्रोजेक्ट में जल्दी से ड्रॉप-इन इस्तेमाल खातिर संकलित फाइल। हमनी के संकलित सीएसएस आ जेएस ( bootstrap.*) के साथे-साथे संकलित आ लघुकृत सीएसएस आ जेएस ( bootstrap.min.*) भी उपलब्ध करावेनी जा। इमेज फाइल सभ के संकुचित कइल जाला ImageOptim , पीएनजी सभ के संकुचित करे खातिर एगो मैक ऐप के इस्तेमाल से।

कृपया ध्यान दीं कि सभ जावास्क्रिप्ट प्लगइन सभ के jQuery के शामिल करे के जरूरत बा।

बूटस्ट्रैप हर तरह के चीज खातिर एचटीएमएल, सीएसएस, आ जेएस से लैस होला, बाकी इनहन के संक्षेप में मुट्ठी भर श्रेणी सभ के साथ बतावल जा सके ला जे बूटस्ट्रैप दस्तावेजीकरण के ऊपर लउके ला ।

डॉक्स के खंड बा

मचान के बा

टाइप आ बैकग्राउंड के रीसेट करे खातिर बॉडी खातिर ग्लोबल स्टाइल, लिंक स्टाइल, ग्रिड सिस्टम, आ दू गो सरल लेआउट।

आधार सीएसएस के बा

टाइपोग्राफी, कोड, टेबल, फॉर्म, आ बटन नियर आम एचटीएमएल तत्व सभ खातिर स्टाइल। साथ ही Glyphicons भी शामिल बा , एगो बढ़िया छोट आइकन सेट।

घटक के बारे में बतावल गइल बा

आम इंटरफेस घटक सभ खातिर बेसिक स्टाइल जइसे कि टैब आ गोली, नवबार, अलर्ट, पन्ना हेडर, आ अउरी बहुत कुछ।

जावास्क्रिप्ट प्लगइन के बारे में बतावल गइल बा

कंपोनेंट नियर, ई जावास्क्रिप्ट प्लगइन टूलटिप, पॉपोवर, मोडल आ अउरी चीज सभ खातिर इंटरैक्टिव कंपोनेंट हवें।

घटक के सूची बा

एक साथ, कंपोनेंट आ जावास्क्रिप्ट प्लगइन सेक्शन सभ निम्नलिखित इंटरफेस तत्व सभ के उपलब्ध करावे लें:

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

भविष्य के गाइड सभ में, हमनी के एह घटक सभ के माध्यम से अलग-अलग तरीका से अउरी बिस्तार से चल सके लीं। तब तक ले, इनहन में से हर एक के इस्तेमाल आ अनुकूलित करे के तरीका के जानकारी खातिर दस्तावेजीकरण में देखल जाय।

रास्ता से बाहर सामग्री के संक्षिप्त परिचय के संगे हमनी के बूटस्ट्रैप के इस्तेमाल में लगावे प ध्यान दे सकतानी। एकरा खातिर हमनी के एगो बेसिक एचटीएमएल टेम्पलेट के इस्तेमाल करब जा जवना में हमनी के फाइल संरचना में बतावल सब कुछ शामिल होई ।

अब, इहाँ एगो ठेठ HTML फाइल पर नजर डालल जा रहल बा :

<!DOCTYPE html> के बा
<html> के बा
  <सिर> के बा
    <title> बूटस्ट्रैप 101 टेम्पलेट </title> बा
    <मेटा नाम = "व्यूपोर्ट" सामग्री = "चौड़ाई = डिवाइस-चौड़ाई, प्रारंभिक-पैमाना = 1.0" >  
  </head> के बा
  <शरीर> के बा
    <h1> नमस्कार बा, दुनिया! </h1> के बा
    <script src = "https://code.jquery.com/jquery.js" ></script> के बारे में बतावल गइल बा 
  </body> के बा
</html> के बा

एकरा के बूटस्ट्रैप्ड टेम्पलेट बनावे खातिर , बस उचित CSS आ JS फाइल सभ के शामिल करीं:

<!DOCTYPE html> के बा
<html> के बा
  <सिर> के बा
    <title> बूटस्ट्रैप 101 टेम्पलेट </title> बा
    <मेटा नाम = "व्यूपोर्ट" सामग्री = "चौड़ाई = डिवाइस-चौड़ाई, प्रारंभिक-पैमाना = 1.0" >  
    <!-- बूटस्ट्रैप --> के बा
    <link href = "css/bootstrap.min.css" rel = "स्टाइलशीट" मीडिया = "स्क्रीन" > बा   
  </head> के बा
  <शरीर> के बा
    <h1> नमस्कार बा, दुनिया! </h1> के बा
    <script src = "https://code.jquery.com/jquery.js" ></script> के बारे में बतावल गइल बा 
    <script src = "जेएस/बूटस्ट्रैप.मिन.जेएस" ></स्क्रिप्ट> बा 
  </body> के बा
</html> के बा

आ रउरा त सेट हो गइल बानी! ओह दुनो फाइल के जोड़ला के बाद रउआ बूटस्ट्रैप से कवनो साइट भा एप्लीकेशन के डेवलप शुरू क सकेनी।

कुछ उदाहरण लेआउट के साथ आधार टेम्पलेट से आगे बढ़ीं। हम लोग के प्रोत्साहित करत बानी कि ऊ लोग एह उदाहरणन पर दोहरावे आ खाली अंतिम परिणाम का रूप में इस्तेमाल ना करे.

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

एगो बेयरबोन्स एचटीएमएल डॉक्यूमेंट जवना में सगरी बूटस्ट्रैप सीएसएस आ जावास्क्रिप्ट शामिल बा.
बेसिक मार्केटिंग साइट के बारे में बतावल गइल बा

एगो प्राथमिक संदेश खातिर एगो हीरो यूनिट आ तीन गो सहायक तत्वन के विशेषता बा.
तरल पदार्थ के लेआउट के बारे में बतावल गइल बा

हमनी के नया रिस्पांसिव, फ्लूइड ग्रिड सिस्टम के इस्तेमाल एगो निर्बाध तरल लेआउट बनावे खातिर करेला।
संकीर्ण विपणन के बा

छोट प्रोजेक्ट भा टीम सभ खातिर स्लिम, हल्का मार्केटिंग टेम्पलेट।
जायज ठहरावल नव

संशोधित नवबार में बराबर चौड़ाई के नेविगेशन लिंक वाला मार्केटिंग पन्ना।
साइन इन करीं

बेयरबोन्स कस्टम, बड़हन फॉर्म कंट्रोल आ लचीला लेआउट के साथ फॉर्म में साइन इन करीं।
चिपचिपा पाद लेख बा

प्रयोगकर्ता के व्यूपोर्ट के नीचे एगो फिक्स-हाईट वाला फुटर पिन करीं।
हिंडोला जम्बोट्रॉन के बा

बेसिक मार्केटिंग साइट पर एगो अउरी इंटरैक्टिव रिफ जवना में एगो प्रमुख हिंडोला के विशेषता बा.