इस इकाई में वापस स्वागत है मैं बूटस्ट्रैप नामक एक नए उपकरण को पेश करने जा रहा हूँ और मैं बूटस्ट्रैप मुख पृष्ठ पर हूँ बूटस्ट्रैप डॉटकॉम मिलता है।
और मैं सिर्फ इस पहचान वीडियो में कुछ मिनट लग करने के लिए समझाने के लिए क्या बूटस्ट्रैप है और यही कारण है कि हम यह प्रयोग कर रहे हैं चाहते हैं।
और फिर भी आप साइटों है कि बूटस्ट्रैप का उपयोग के कुछ उदाहरण दिखाने के लिए।
तो चलो बस आधिकारिक बूटस्ट्रैप विज्ञापन को पढ़ने के द्वारा शुरू करते हैं।
बूटस्ट्रैप वेब पर उत्तरदायी मोबाइल पहली परियोजनाओं के विकास के लिए जावास्क्रिप्ट ढांचे में सबसे लोकप्रिय TMLC एसएस है।
का है कि थोड़ा सा नीचे तोड़ने।
बूटस्ट्रैप बेहद लोकप्रिय है।
वास्तव में इसे पाने के लिए केंद्र पर सबसे अभिनय किया और काँटेदार रिपोजिटरी मूल रूप से जिसका मतलब है कि यह इसे का उपयोग सबसे अधिक लोगों को सबसे अधिक लोगों को है मदद पाने पर इसे जोड़ने के पक्ष और है कि सभी बूटस्ट्रैप है वास्तव में सफलता की एक एकल फाइल और जावास्क्रिप्ट की एक एकल फाइल है ।
अब वहाँ सी एस एस के एक बहुत कुछ है और उन फ़ाइलों में जावास्क्रिप्ट का एक बहुत है, लेकिन वे सिर्फ दो फ़ाइलों कर रहे हैं और हम उन्हें अपने आवेदन में शामिल कर सकते हैं।
असल में हम किसी और के कोड से लेते हैं और बूटस्ट्रैप से हम अपने खुद के आवेदन में जोड़ा गया है और यह हमें अच्छा लग रहा है कि साइटों से जिम्मेदार हैं बनाने में मदद करता है और यह हमें हमारे अपने कोड की एक टन लिखने के लिए बिना तेजी से उन्हें बनाने में मदद करता है।
वहाँ दो मुख्य कारण है कि मैं इस कोर्स में आप को यह दिखा रहा हूँ कर रहे हैं।
पहला यह है कि यह बहुत लोकप्रिय है।
स्थानों के बहुत सारे उपयोग करें।
डेवलपर्स की कंपनियों के बहुत सारे के बहुत सारे इस्तेमाल करते हैं और यह सिर्फ जानने लायक है।
लेकिन दूसरी है कि यह हमें इस कोर्स में बहुत जल्दी अच्छी लग रही वेब साइटों बनाने में मदद करने जा रहा है।
तो जब हम वापस सीखने और सामान कर रहे हैं जब हम नोड पर ध्यान केंद्रित है और व्यक्त करने और मोंगो रहे हैं और नेवला और घुटने गहरी और इस जटिल पीठ और तर्क हम अभी भी एक घंटे या दो घंटे समर्पित करने के लिए बिना कुछ है कि अच्छा लग रहा है सकते हैं के सभी कुछ स्टाइल के लिए वीडियो हम में बूटस्ट्रैप प्लग कर सकते हैं और हम चीजों को 10 से 15 मिनट में जा रहा प्राप्त कर सकते हैं और हम बहुत अच्छा लग रही हूँ।
अगले बात मैं कर सकता हूँ तुम नाव की एक त्वरित दौरे दे रहा है लेकिन बूटस्ट्रैप अच्छा उदाहरण के मशहूर अच्छा प्रलेखन बहुत सारे है और वे वास्तव में इस वेबसाइट है जो समझ में आता है पर बूटस्ट्रैप का उपयोग करें।
तो चलो सी एस एस पर क्लिक करके शुरू करते हैं और है कि यह उल्लेख बूटस्ट्रैप सिर्फ एक ही CSSA कि CSSA फाइल के अंदर एक भी फाईल दाखिल है।
वहाँ सामान का एक गुच्छा है कि हम मुक्त करने के लिए मिलता है।
तो चलो बटन पर एक नजर डालते हैं।
तो अगर हम एक बटन बनाने के लिए चाहते हैं और हम चलाया है, हमारे आवेदन हम वर्ग के लिए इस वर्ग में जोड़ सकते हैं में शामिल वास्तव में Beati और ​​PTEN डिफ़ॉल्ट है और हम इन बटन मिलता है।
हम अलग अलग रंग कर सकते हैं।
के रूपों पर एक नज़र रखना।
हम अच्छा आदानों यहां मिलता है।
और यह भी ध्यान दें तो आप देख सकते हैं कि हम चीजें हैं जो स्क्रीन की चौड़ाई का जवाब पाने के लिए सब कुछ साइट पर उत्तरदायी है वास्तव में महत्वपूर्ण है।
हम यह भी रूपों की अलग-अलग प्रकार के हैं।
आप अलग अलग टुकड़ों को जोड़ सकते हैं।
यहाँ तो वे एक फार्म के साथ एक बटन का उपयोग कर रहे हैं।
तो यह लेगो टुकड़े की तरह बूटस्ट्रैप के और तरीके है कि आप एक साथ रखा और अपनी साइट को जोड़ने के रूप में आप फिट देख सकते हैं कि यह सिर्फ लेगो टुकड़ों में से किया गया है की एक बहुत।
हम इन घटकों के अधिकांश पर जा रहा हूँ।
इन बड़े टुकड़ों में से अधिकांश एक बार जब हम उसके साथ काम और बूटस्ट्रैप कोड ourself लेखन शुरू।
तो अब के लिए हम आगे बढ़ना होगा और जब आप अगले टैब जो घटकों बूटस्ट्रैप की बड़ी टुकड़े कि हम का उपयोग कर सकते हैं और है कि एनएवी सलाखों की तरह बातें शामिल हैं के कुछ होते हैं दिखाने के लिए।
और यह शायद यह है कि बहुत से और साइटों के बहुत सारे प्रयोग के रूप में आप कोड का एक छोटा सा के साथ देख सकते हैं बूटस्ट्रैप के सबसे लोकप्रिय पहलुओं में से एक है।
यह एक बहुत की तरह दिखता है, लेकिन मैं आपको विश्वास दिलाता यह एक बहुत कम की तुलना में यह है कि अगर हम खरोंच से एक नव पट्टी लिख रहे थे होगा।
और यह छोड़ चढ़ाव फार्म के साथ आता है और वहाँ सलाखों के अलग अलग रंग कुछ उस पृष्ठ के शीर्ष करने के लिए तय कर रहे हैं कि कुछ स्क्रॉल करेंगे के कई प्रकार हैं।
वहाँ Jumbotron जो अपने वेब साइट प्रगति सलाखों पर कुछ सामग्री के प्रदर्शन का एक तरीका है जैसे अन्य घटक है।
और इन सब बूटस्ट्रैप के साथ आते हैं।
इसलिये अभी बूटस्ट्रैप इन सभी टुकड़े करने के लिए आता है, तो सोच हो सकता है और वे पहले से ही पूर्व स्टाइल क्या हर साइट बूटस्ट्रैप का उपयोग करता है कि एक ही देखा हो।
और जवाब हां और नहीं है।
यह कैसे साइट बूटस्ट्रैप का उपयोग करता है पर निर्भर करता है।
मैं तर्क होता है एक कंपनी या एक परियोजना में अच्छी तरह से बूटस्ट्रैप का उपयोग करता है कि यह कहना मुश्किल है कि वे वास्तव में बूटस्ट्रैप का उपयोग कर रहे हैं क्योंकि वे उन मुख्य घटकों का उपयोग करें और फिर तुम में जाने के लिए और शीर्ष पर अपनी खुद की शैली के बारे में कुछ करने के लिए है कि बनाता है।
रंग बदल बदल फोंट मंडराना प्रभाव के कुछ बदल जाते हैं।
आप सटीक एक ही रंग और सब कुछ है कि बूटस्ट्रैप के साथ आने का उपयोग करने के लिए नहीं है, लेकिन इसका मतलब यह नहीं है कि वहाँ कुछ भी या तो बूटस्ट्रैप शैली में निर्मित का उपयोग करने में स्वाभाविक बुरा है कि।
और हम निश्चित रूप से दोनों कर रही हो जाएगा।
तो जब हम एक साइट बना रहे हैं और एक ध्यान के सामने अंत में हम सिर्फ कुछ है कि जल्दी से सामने आने लग रहा है बनाने के लिए चाहते हैं पर सच नहीं है।
असल में प्रोटोटाइप सामने अंत बूटस्ट्रैप का उपयोग करेगा और हम वास्तव में कई टुकड़े नहीं संशोधित करेगा।
लेकिन हम कुछ पर एक छोटे से बड़ा कुछ है कि हम जैसे हम सभी में कुछ भी बदलने के बिना बूटस्ट्रैप का उपयोग करें तो हम में जाने के लिए और हमारे अपने शैलियों में से कुछ जोड़ देंगे मूल रूप से स्प्रे रंग का कोट जोड़ने देखने के लिए नहीं करना चाहती काम कर रहे हैं तो अगर बूटस्ट्रैप के शीर्ष पर।
अगली बात मैं करना चाहता है, जहां वे उन साइटों में से कुछ का प्रदर्शन आप साइटों है कि बूटस्ट्रैप और बुद्ध यात्रा वास्तव में एक आधिकारिक वेब साइट के साथ बनाया जाता है की कुछ दिखाई है।
आप एक्सपो पर क्लिक करते हैं कि मैं यह पहले से ही खुला है।
तुम्हें पता है कि वे सुंदर प्रदर्शन और प्रेरणादायक एक बूटस्ट्रैप का उपयोग करता है तो हम इनमें से कुछ को खोल सकते हैं उन्हें और नया टैब खोलने के लिए देख सकते हैं।
और ये सिर्फ सबसे हाल ही होते हैं।
वहाँ सैकड़ों इस साइट पर है।
आप टन और उनमें से टन देख सकते हैं और आप स्क्रॉल और स्क्रॉल रख सकते हैं और फिर हम कुछ पुराने और वहाँ वहाँ इतने सारे अलग अलग साइटों है कि यह प्रयोग कर रहे हैं करने के लिए जा सकते हैं।
और वे वास्तव में सभी एक ही नहीं लगते।
हाँ शायद उनमें से एक बहुत एक नव पट्टी है।
हो सकता है कि उनमें से एक बहुत कुछ इस पूर्ण स्क्रीन बड़ी छवि लेआउट है लेकिन लगता है कि कुछ है कि यह विशुद्ध रूप से करने के लिए जिम्मेदार बूटस्ट्रैप से एक डिजाइन की प्रवृत्ति के अधिक है।
तो चलो इन में से कुछ पर एक नज़र रखना।
यह एक है जो एक कंपनी वास्तव में वेब साइट टेम्पलेट्स बनाता है रचनात्मक है टिम।
और आप हम छवियों के इस अच्छा ग्रिड देख सकते हैं।
यह बहुत ही संवेदनशील है।
अगर मैं इस नीचे हटना हम हमारे छोटे से नव पट्टी यहाँ मिलता है।
तो यह एक बूटस्ट्रैप घटक तरीका है कि सब कुछ इस ग्रिड में बाहर रखी है।
बूटस्ट्रैप कि के लिए आंशिक रूप से जिम्मेदार है, लेकिन आप यह भी देख सकते हैं कि वे डिफ़ॉल्ट बूटस्ट्रैप बटन में बनाया का उपयोग नहीं कर रहे हैं।
वे उन्हें बदल दिया है।
हालात अलग लग रही है।
इसलिए मुझे लगता है कि यह है कि एक बहुत अच्छी लग रही साइट बूटस्ट्रैप का एक बहुत अच्छा प्रयोग है।
यह अच्छी तरह से काम करता है और यह बूटस्ट्रैप का उपयोग करता है, लेकिन यह बूटस्ट्रैप 100 प्रतिशत पर भरोसा नहीं करता।
के एक या दो अधिक पर एक नज़र रखना।
तो यह एक इंडिकस कहा जाता है या ऐसा कुछ सूचियां है।
जाहिर है, उन्हें डिजाइन और डिजिटल उत्पादों है कि लोगों का उपयोग कर आनंद का निर्माण।
तो चलो यहाँ नीचे स्क्रॉल करते हैं।
हम क्या है पर एक नजर डालें।
तो कुछ सामग्री है कि शायद बूटस्ट्रैप ग्रिड प्रणाली है जो संगठित करने और चीजों को बाहर करना जैसा कि मैंने पहले Pearcey एसएस में बेहद मुश्किल है उल्लेख किया है बाहर रखना मदद करता है के साथ बनाया गया है वहाँ है।
यह बेहतर हो रही है, लेकिन बूटस्ट्रैप वास्तव में सच में हमें हमारे आवेदन पर बातें बाहर रखना मदद करने के लिए उपयोगी है।
और हम हैं कि वहाँ एक नव पट्टी को यहां एक छोटे से पाद बार तो यह एक्सपो में कुछ समय लगेगा परियोजनाओं है कि बूटस्ट्रैप और करने के लिए इस्तेमाल के कुछ पता लगाने के लिए देखो कि कैसे वे इसे और सभी अलग अलग तरीकों का उपयोग है कि कंपनियों को संशोधित कर रहे हैं bootstrap करने के लिए जाने के लिए सच में मज़ा है यह उनके स्वयं के रंग को अपने स्वयं के फोंट में जोड़ने और वास्तव में यह पता लगाने की क्या मुख्य घटक है कि बहुत से और साइटों के बहुत सारे प्रयोग कर रहे हैं और यही कारण है बूटस्ट्रैप उपयोग करने का फैसला कर रहे हैं।
और मेरी राय में यह वास्तव में ग्रिड प्रणाली है जो हम करने के लिए इस इकाई में एक वीडियो devoting हो जाएगा और नव सलाखों और सब कुछ की जवाबदेही के लिए नीचे आता है।
ठीक।
तो लपेट मैं तुम्हें एक सरल साइट है कि हम बनाने होंगे दिखाने के लिए जा रहा हूँ।
यह हमारे स्टार्टअप भारी पेटिंग कहा जाता है।
यह आप अपने सही बिल्ली के समान साथिन को खोजने में मदद करता है और यह बूटस्ट्रैप उपयोग करता है।
आप हम यहाँ सिर्फ एक नव पट्टी है जैसे हम मॉर्गन बटन पर हस्ताक्षर किया है कि देख सकते हैं।
हम तो इन छोटे माउस को मिलता है कि हम हमारे पाठ यहाँ और थोड़ा टैग लाइन है और फिर हमारे बटन है।
और फिर जैसा कि मैं चीजों का आकार बदलने सब कुछ संवेदनशील आप देख सकते हैं चीजों के चारों ओर बढ़ रहे हैं चारों ओर जा रहा है।
और सबसे महत्वपूर्ण बात यह है कि हम थोड़ा हैमबर्गर मिलता है और हम एक मोबाइल के अनुकूल नव पट्टी है।