इस सबक मैं आपको बताएंगे कि कैसे अपने खुद के अनुप्रयोगों में बूटस्ट्रैप स्थापित करने के लिए करता हूँ में वापस स्वागत है।
और फिर एक बार जब आप किया है कि मैं आप पिच का उपयोग करने का महत्वपूर्ण मूल के कुछ दिखाता हूँ।
तो मैं बस मुखपृष्ठ पर डॉट कॉम बूटस्ट्रैप हो पर हूँ और वहाँ एक लिंक यहाँ डाउनलोड बूटस्ट्रैप है।
और यह वास्तव में एक प्रत्यक्ष डाउनलोड लिंक, क्योंकि हम कैसे बूटस्ट्रैप का उपयोग करने के लिए दो मुख्य विकल्प नहीं है।
हम फ़ाइलों को डाउनलोड या तो कर सकते हैं और मुझे लगता है कि शुरू करने के लिए क्या करेंगे।
तो फिर हम उन फ़ाइलों को लेने के लिए और उन्हें अपने आवेदन में जोड़ने से पहले हम किसी भी आगे जा सकते हैं।
मैं मैं फाइल हूँ कि मैं बुनियादी चीजें ज DML एम एल बुला रहा हूँ एक सरल खोज टीम है।
और मैं सिर्फ एक शीर्षक जोड़ देंगे और हम सिर्फ बूटस्ट्रैप की कुछ अलग तत्वों में जोड़ देंगे।
एक बार जब हम यह स्थापित किया है इसलिए हम कुछ भी व्यापक नहीं कर देगा हम सिर्फ बुनियादी बूटस्ट्रैप घटकों में से कुछ के लिए एक खेल का मैदान के रूप में इस्तेमाल करेंगे।
ठीक है तो चलो बस एक साधारण एच -1 बूटस्ट्रैप मूल बातें जोड़कर शुरू करने और बचाने के लिए करते हैं।
और फिर ब्राउज़र में इस को खोलते हैं।
बस यह कि वहाँ रखने के लिए अब।
अब बूटस्ट्रैप स्थापित करने के लिए।
मैं इसे डाउनलोड किया था।
वहाँ यहाँ के अंदर कुछ अलग घटकों तो अगर मैं उस फ़ाइल को खोलने के लिए आप देख सकते हैं।
वहाँ एक सी एस एस निर्देशिका है और सीसीएस निर्देशिका के अंदर काफी कुछ फाइलों को देखते हैं, लेकिन वहाँ वास्तव में केवल एक महत्वपूर्ण फाइल जो CSSA अप बूटस्ट्रैप है।
और यह वास्तव में एक ही फाइल यहाँ मिनट तक बूटस्ट्रैप है।
यह सिवाय एसएस गई मिनट लड़ाई कम जगह लेने के लिए नीचे सिकुड़ा हुआ किया गया है।
तो इन दो महत्वपूर्ण फाइलों को वास्तव में बूटस्ट्रैप का उपयोग कर रहे हैं।
और यह इन सभी को तीन इतनी नहीं है कि इस मामले के रूप में ज्यादा bootstrap करने के लिए एक कस्टम विषय जोड़ने में मदद करने के लिए उपयोग किया जाता है एक बूटस्ट्रैप विषय है।
हम सब की ज़रूरत है bootstrap Dotsie का आकलन करें।
और हम बस इसे खोलने के लिए तो आप देख सकते हैं कि हम क्या कर रहे हैं के साथ काम करने से शुरू करते हैं।
यह मुख्य bootstraps फिर से मूल्यांकन फाइल है।
यह सिर्फ वर्गों की एक बहुत कुछ है।
आप CSSA की हर एक पंक्ति पर नजर डालें तो लगभग एक वर्ग घोषणा डॉट बस है।
और फिर हम क्या कर सकते हैं हमारे आवेदनों की बजाय उन वर्गों का उपयोग करें।
इसलिए हम सफेद पाठ और एक लाल रंग की पृष्ठभूमि हम डॉट बटन खतरे लागू करने के लिए जा रहे हैं के साथ एक बटन है चाहता हूँ।
और कहा कि इस यहाँ क्या कर रहा है।
लेकिन खतरा सफेद पाठ एक लाल रंग की पृष्ठभूमि और एक लाल सीमा है।
तो चलो आगे चलते हैं और किसी भी अन्य CSSA फ़ाइल की तरह हमारे आवेदन में यह शामिल करते हैं।
तो मैं क्या करूँगा अभी इस पर यहाँ एक ही निर्देशिका जहां मैं अपने बुनियादी अध्ययन दल बाहर में खींचें जाता है और मैं भी बूटस्ट्रैप मिनट के इस एक के स्थान पर पुनर्मूल्यांकन कर सकता है।
यह वास्तव में कोई फर्क नहीं पड़ता।
तकनीकी तौर पर यह एक छोटे से तेजी से लोड आप इसे एक विशाल लाइन के रूप में सभी खाली स्थान को हटा दिया गया है देख सकते हैं अगर मैं इसे खोलने क्योंकि।
तो इसे लोड करने के लिए आसान है, लेकिन मैं यह अब संस्करण का उपयोग करने के लिए सिर्फ इतना है कि आप देख सकते हैं कि क्या वास्तव में हम साथ काम कर रहे हैं जा रहा हूँ।
अब हम यहाँ मैं यह नीचे बंद कर देंगे हमारी वास्तविक फ़ाइल में जाने के लिए जा रहे हैं और हम बूटस्ट्रैप CSX शामिल करने के लिए जा रहे हैं।
तो बस किसी भी अन्य स्टाइल शीट की तरह हम एक लिंक टैग की जरूरत है और Tref बूटस्ट्रैप डॉट सी एस एस है और अगर हम बचा है और हम नए सिरे से हमारे यहाँ पेज हैं आप एक मामूली अंतर नोटिस देंगे।
इस एच-1 पर फ़ॉन्ट देखो।
यह बदलता है।
अब हम बूटस्ट्रैप स्थापित किया है या कम से कम सी एस एस कि बूटस्ट्रैप के साथ साथ चला जाता है और वह सब हम अब के लिए की जरूरत है।
हम जावास्क्रिप्ट के साथ काम नहीं होगा बस अभी तक वहाँ बूटस्ट्रैप स्थापित है कि वे वास्तव में यहीं जाओ बूटस्ट्रैप वेब साइट पर आप को देने के लिए एक और विकल्प नहीं है।
समन्वय बूटस्ट्रैप हम सही यहाँ इस लिंक पर लेने के लिए और हमारे कोड है कि जोड़ सकते हैं।
और यह है कि एक ही फाइल का एक संस्करण की मेजबानी करने के लिए एक कड़ी है।
तो अगर हम खोलने कि ब्राउज़र में और पेस्ट करें कि आप देख सकते में इसे कम से कम फाइल की सामग्री है और इसलिए हम सिर्फ तुम r एल तो मैं उस जगह ले सकता है कि करने के लिए एक कड़ी हो सकता है यह इस यू आर एल पर की मेजबानी की है।
एक और कड़ी है।
टैग और पेस्ट करें कि आप कर रहे हैं एलेन और मैं इस एक बाहर टिप्पणी करेंगे।
अभी के लिए और वापस जाने के लिए और ताज़ा करें।
और कुछ भी नहीं बदलता है।
फर्क सिर्फ इतना है पहले मामले में हम अपने कंप्यूटर कि करने के लिए और दूसरा मामला है कि हम उस लाइन पर की मेजबानी की एक बाहरी फ़ाइल के लिए लिंक कर रहे हैं में जोड़ने रहे थे पर डाउनलोड की गई फ़ाइल था कि है।
अब बूटस्ट्रैप डॉक्स में जाने के लिए और आसपास या इन घटकों में से कुछ खेल शुरू करते हैं।
तो बूटस्ट्रैप पाने के लिए वापस जाने के लिए और के सी एस एस पर क्लिक करते हैं और मैं सिर्फ अधिक महत्वपूर्ण है कि हम टुकड़े का उपयोग होगा के कुछ बाहर बात करने जा रहा हूँ।
तो चलो बटन के साथ सरल शुरू करते हैं।
हम एक बटन हम सभी को करना है कि बटन के एक प्रकार डिफ़ॉल्ट के बीच है कि एक के द्वारा पीछा पीटा क्लास का उपयोग किया जाता है जो हमें एक सफेद बटन दे देंगे प्रयोग करना चाहते हैं लेकिन वह भी VTAM प्राथमिक जानकारी BATNA पहुँच है तो।
चेतावनी खतरे और लिंक और वे सब थोड़ा अलग स्टाइल रहे हैं।
और निश्चित रूप से हम अपने दम पर इन रंगों को बदल सकते हैं, लेकिन हम बस का उपयोग करने के लिए एक बार में बनाया शुरू करने के लिए और एस वह भी यहाँ देख सकते हैं जा रहे हैं।
हम केवल एक बटन तत्व का उपयोग करने के लिए हम एक लंगर टैग एक बटन या एक इनपुट का उपयोग कर सकते हैं नहीं है।
तो चलो कि बाहर की कोशिश करते हैं।
हैलो इस एच-1।
बस एक बटन टैग में जोड़ सकते हैं और इस बटन को क्लिक करें और टैग बस मुझे बस अभी पृष्ठ ताज़ा और उस पर एक नज़र रखना कहते हैं।
यह बहुत बदसूरत बटन है।
लेकिन हम जाने के लिए अगर और उस वर्ग PTEN जोड़ सकते हैं और तब के बीच की सफलता करते हैं और बचाने के लिए अब हम इस भयानक हरे बटन मिलता है।
इतनी सुंदर कुछ बुनियादी शैलियों जा पाने के लिए आसान नहीं है।
और चलो वापस जाना है और मैं आप बटन कि अलग अलग आकार है कि हम साथ ही साथ उपयोग कर सकते हैं के बारे में कुछ अन्य चीजों को दिखाता हूँ और यह वास्तव में आसान है।
हम सिर्फ या तो बटन बड़े और छोटे या बटन अतिरिक्त छोटे तो यह बटन सफलता के बाद बाहर की कोशिश की है में जोड़ने की जरूरत है और यह इसके बाद जाने की जरूरत नहीं है।
कक्षाओं के आदेश में कोई फर्क नहीं है, लेकिन मैं यहाँ के बाद DTN यह करूँगा और के अतिरिक्त छोटे करते हैं और अपने पेज को ताज़ा करते हैं।
हम वहाँ चलें।
अब मैं इस पर कदम होगा और चलो कुछ अधिक बटन में जोड़ दें, लेकिन यह एक एक लंगर टैग हो जाएगा और यह एक टैग में होगा या हम एचएफ डीपी पेट के स्लेश स्लेश कि हर दिन पढ़ने बूटस्ट्रैप डॉट कॉम और फिर पाने के लिए बराबर होती है पाठ अभी बूटस्ट्रैप डॉक्स कहेंगे।
इसलिए यह एक छोटा सा बड़ा बना और फिर कक्षा में कक्षा में जोड़ देगा PTEN के बराबर करने की जरूरत है और की Desch जानकारी के बीच करते हैं और यह बड़ी PTEN पानी का छींटा Elgie बनाने के लिए और ताज़ा होगी।
अब हम दो बटन है।
एक एक वास्तविक बटन तत्व है।
एक और एक एक लंगर टैग है और अगर मैं इस पर क्लिक करें आप एक लंगर टैग के रूप में इसे देख सकते हैं।
तो पहले से ही बूटस्ट्रैप उपयोग करने के पहले मिनट में हम सभ्य लग बटन प्राप्त करने में सक्षम हो गया है।
इसे दोहराने के लिए अपने दम पर CSSA के 10 से 15 लाइनों ले लिया जाएगा।
चलो अब वापस जाओ।
इस फुलस्क्रीन फिर से बनाने के लिए और मैं आप बटन के बारे में कुछ अन्य चीजों को दिखाता हूँ।
इसलिए हम आकार है।
हम भी अलग राज्यों में जहां हम एक बटन के रूप में प्रकट करता है, तो यह सक्रिय है बना सकते हैं और है कि हम सिर्फ सक्रिय वर्ग को जोड़ने के लिए क्या करना होगा।
तो अगर हम कोशिश करते हैं कि अब की जोड़ देना एक कुछ बटन तो मैं वर्ग के बीच सक्रिय एक पर हमारे छोटे लघु मुझे क्लिक करें बटन तीन बार और पिछले एक पर नकली और ताज़ा करने के लिए जा रहा हूँ और उम्मीद है कि आप देख सकते हैं कि ऊपर से पता चलता अच्छी तरह से स्क्रीन पर पर्याप्त इस एक सक्रिय प्रतीत होता है कि डाली।
वापस चलते हैं और हम भी इस विशेषता में जोड़कर एक बटन को निष्क्रिय कर सकते हैं।
विकलांगों के लिए विकलांग के बराबर होती है।
चलो वापस जाना और के अंतिम एक ताज़ा को निष्क्रिय करते हैं।
और अब इस बटन को अक्षम है।
हम जानते हैं कि अच्छा सा आइकन मिलता है।
यह एक हॉवर प्रभाव जहां यह रंग बदलता है किसी भी अधिक नहीं है।
यह स्पष्ट रूप से एक विकलांग बटन है।
महान अंतिम बात मैं आपको तो हम फिर से इतना बटन खतरे रात हमें उस लाल नारंगी देता है रंग बदल सकते हैं दिखाता हूँ और तुम यहाँ सभी रंग देख सकते हैं।
और हां आप शैलियों overwriting द्वारा उन ताकि आप ऐसा कुछ कर के बजाय एक और स्टाइल शीट बना सकता है बदल सकता है।
मैं सिर्फ यह अब यहाँ के लिए क्या करेंगे।
इसलिए हम सिर्फ एक लाइन में क्या करने जा रहे हैं और यह भी सुंदरता और खतरे की तरह।
हम नारंगी होना करने के लिए रंग बदलने के लिए और अब कर सकते हैं टेक्सास नारंगी खतरे में हो सकता है और अगर मैं वास्तव में पृष्ठभूमि मैं कर सकता बदलना चाहते थे पृष्ठभूमि नारंगी है और लगता है कि कैसे आप में जाओ और शैलियों को ओवरराइड इसलिए आप नहीं कर सकते हैं क्या उपयोग बूटस्ट्रैप आप बॉक्स से बाहर देता है।
और सबसे अधिक स्थानों में नहीं है।
ठीक है, ताकि बटन है और यह सब मैं इस वीडियो में क्या करने जा रहा हूँ।
मैं तो बस आप कैसे बूटस्ट्रैप काम करता है की एक बहुत जल्दी स्वाद देना चाहता था।
मौजूदा तत्वों और उन वर्गों के लिए वर्गों को जोड़ने का यह पैटर्न है कि बूटस्ट्रैप अगले वीडियो में उस CSSA फ़ाइल मैं अन्य महत्वपूर्ण टुकड़े कि रूपों और आदानों सहित बूटस्ट्रैप के साथ आने के कुछ उजागर करने के लिए जा रहा हूँ में परिभाषित कर रहे हैं।