1
00:00:00,270 --> 00:00:08,110
इस इकाई में वापस स्वागत है मैं बूटस्ट्रैप नामक एक नए उपकरण को पेश करने जा रहा हूँ और मैं बूटस्ट्रैप मुख पृष्ठ पर हूँ बूटस्ट्रैप डॉटकॉम मिलता है।

2
00:00:08,330 --> 00:00:13,180
और मैं सिर्फ इस पहचान वीडियो में कुछ मिनट लग करने के लिए समझाने के लिए क्या बूटस्ट्रैप है और यही कारण है कि हम यह प्रयोग कर रहे हैं चाहते हैं।

3
00:00:13,230 --> 00:00:17,100
और फिर भी आप साइटों है कि बूटस्ट्रैप का उपयोग के कुछ उदाहरण दिखाने के लिए।

4
00:00:17,100 --> 00:00:20,350
तो चलो बस आधिकारिक बूटस्ट्रैप विज्ञापन को पढ़ने के द्वारा शुरू करते हैं।

5
00:00:20,610 --> 00:00:28,310
बूटस्ट्रैप वेब पर उत्तरदायी मोबाइल पहली परियोजनाओं के विकास के लिए जावास्क्रिप्ट ढांचे में सबसे लोकप्रिय TMLC एसएस है।

6
00:00:28,710 --> 00:00:30,460
का है कि थोड़ा सा नीचे तोड़ने।

7
00:00:30,480 --> 00:00:32,540
बूटस्ट्रैप बेहद लोकप्रिय है।

8
00:00:32,580 --> 00:00:47,550
वास्तव में इसे पाने के लिए केंद्र पर सबसे अभिनय किया और काँटेदार रिपोजिटरी मूल रूप से जिसका मतलब है कि यह इसे का उपयोग सबसे अधिक लोगों को सबसे अधिक लोगों को है मदद पाने पर इसे जोड़ने के पक्ष और है कि सभी बूटस्ट्रैप है वास्तव में सफलता की एक एकल फाइल और जावास्क्रिप्ट की एक एकल फाइल है ।

9
00:00:47,550 --> 00:00:54,180
अब वहाँ सी एस एस के एक बहुत कुछ है और उन फ़ाइलों में जावास्क्रिप्ट का एक बहुत है, लेकिन वे सिर्फ दो फ़ाइलों कर रहे हैं और हम उन्हें अपने आवेदन में शामिल कर सकते हैं।

10
00:00:54,180 --> 00:01:05,950
असल में हम किसी और के कोड से लेते हैं और बूटस्ट्रैप से हम अपने खुद के आवेदन में जोड़ा गया है और यह हमें अच्छा लग रहा है कि साइटों से जिम्मेदार हैं बनाने में मदद करता है और यह हमें हमारे अपने कोड की एक टन लिखने के लिए बिना तेजी से उन्हें बनाने में मदद करता है।

11
00:01:05,970 --> 00:01:08,760
वहाँ दो मुख्य कारण है कि मैं इस कोर्स में आप को यह दिखा रहा हूँ कर रहे हैं।

12
00:01:08,760 --> 00:01:10,890
पहला यह है कि यह बहुत लोकप्रिय है।

13
00:01:10,890 --> 00:01:11,850
स्थानों के बहुत सारे उपयोग करें।

14
00:01:11,850 --> 00:01:15,560
डेवलपर्स की कंपनियों के बहुत सारे के बहुत सारे इस्तेमाल करते हैं और यह सिर्फ जानने लायक है।

15
00:01:15,690 --> 00:01:20,640
लेकिन दूसरी है कि यह हमें इस कोर्स में बहुत जल्दी अच्छी लग रही वेब साइटों बनाने में मदद करने जा रहा है।

16
00:01:20,640 --> 00:01:40,020
तो जब हम वापस सीखने और सामान कर रहे हैं जब हम नोड पर ध्यान केंद्रित है और व्यक्त करने और मोंगो रहे हैं और नेवला और घुटने गहरी और इस जटिल पीठ और तर्क हम अभी भी एक घंटे या दो घंटे समर्पित करने के लिए बिना कुछ है कि अच्छा लग रहा है सकते हैं के सभी कुछ स्टाइल के लिए वीडियो हम में बूटस्ट्रैप प्लग कर सकते हैं और हम चीजों को 10 से 15 मिनट में जा रहा प्राप्त कर सकते हैं और हम बहुत अच्छा लग रही हूँ।

17
00:01:40,020 --> 00:01:50,840
अगले बात मैं कर सकता हूँ तुम नाव की एक त्वरित दौरे दे रहा है लेकिन बूटस्ट्रैप अच्छा उदाहरण के मशहूर अच्छा प्रलेखन बहुत सारे है और वे वास्तव में इस वेबसाइट है जो समझ में आता है पर बूटस्ट्रैप का उपयोग करें।

18
00:01:51,060 --> 00:02:00,250
तो चलो सी एस एस पर क्लिक करके शुरू करते हैं और है कि यह उल्लेख बूटस्ट्रैप सिर्फ एक ही CSSA कि CSSA फाइल के अंदर एक भी फाईल दाखिल है।

19
00:02:00,300 --> 00:02:02,560
वहाँ सामान का एक गुच्छा है कि हम मुक्त करने के लिए मिलता है।

20
00:02:02,610 --> 00:02:05,420
तो चलो बटन पर एक नजर डालते हैं।

21
00:02:05,460 --> 00:02:16,680
तो अगर हम एक बटन बनाने के लिए चाहते हैं और हम चलाया है, हमारे आवेदन हम वर्ग के लिए इस वर्ग में जोड़ सकते हैं में शामिल वास्तव में Beati और ​​PTEN डिफ़ॉल्ट है और हम इन बटन मिलता है।

22
00:02:17,010 --> 00:02:18,840
हम अलग अलग रंग कर सकते हैं।

23
00:02:19,470 --> 00:02:21,260
के रूपों पर एक नज़र रखना।

24
00:02:21,360 --> 00:02:22,870
हम अच्छा आदानों यहां मिलता है।

25
00:02:23,310 --> 00:02:31,890
और यह भी ध्यान दें तो आप देख सकते हैं कि हम चीजें हैं जो स्क्रीन की चौड़ाई का जवाब पाने के लिए सब कुछ साइट पर उत्तरदायी है वास्तव में महत्वपूर्ण है।

26
00:02:32,250 --> 00:02:34,060
हम यह भी रूपों की अलग-अलग प्रकार के हैं।

27
00:02:34,080 --> 00:02:35,680
आप अलग अलग टुकड़ों को जोड़ सकते हैं।

28
00:02:35,700 --> 00:02:38,330
यहाँ तो वे एक फार्म के साथ एक बटन का उपयोग कर रहे हैं।

29
00:02:38,400 --> 00:02:46,660
तो यह लेगो टुकड़े की तरह बूटस्ट्रैप के और तरीके है कि आप एक साथ रखा और अपनी साइट को जोड़ने के रूप में आप फिट देख सकते हैं कि यह सिर्फ लेगो टुकड़ों में से किया गया है की एक बहुत।

30
00:02:46,740 --> 00:02:48,690
हम इन घटकों के अधिकांश पर जा रहा हूँ।

31
00:02:48,720 --> 00:02:53,800
इन बड़े टुकड़ों में से अधिकांश एक बार जब हम उसके साथ काम और बूटस्ट्रैप कोड ourself लेखन शुरू।

32
00:02:54,270 --> 00:03:05,750
तो अब के लिए हम आगे बढ़ना होगा और जब आप अगले टैब जो घटकों बूटस्ट्रैप की बड़ी टुकड़े कि हम का उपयोग कर सकते हैं और है कि एनएवी सलाखों की तरह बातें शामिल हैं के कुछ होते हैं दिखाने के लिए।

33
00:03:05,940 --> 00:03:13,680
और यह शायद यह है कि बहुत से और साइटों के बहुत सारे प्रयोग के रूप में आप कोड का एक छोटा सा के साथ देख सकते हैं बूटस्ट्रैप के सबसे लोकप्रिय पहलुओं में से एक है।

34
00:03:13,710 --> 00:03:19,680
यह एक बहुत की तरह दिखता है, लेकिन मैं आपको विश्वास दिलाता यह एक बहुत कम की तुलना में यह है कि अगर हम खरोंच से एक नव पट्टी लिख रहे थे होगा।

35
00:03:19,680 --> 00:03:30,660
और यह छोड़ चढ़ाव फार्म के साथ आता है और वहाँ सलाखों के अलग अलग रंग कुछ उस पृष्ठ के शीर्ष करने के लिए तय कर रहे हैं कि कुछ स्क्रॉल करेंगे के कई प्रकार हैं।

36
00:03:30,690 --> 00:03:38,390
वहाँ Jumbotron जो अपने वेब साइट प्रगति सलाखों पर कुछ सामग्री के प्रदर्शन का एक तरीका है जैसे अन्य घटक है।

37
00:03:38,670 --> 00:03:40,330
और इन सब बूटस्ट्रैप के साथ आते हैं।

38
00:03:40,680 --> 00:03:48,970
इसलिये अभी बूटस्ट्रैप इन सभी टुकड़े करने के लिए आता है, तो सोच हो सकता है और वे पहले से ही पूर्व स्टाइल क्या हर साइट बूटस्ट्रैप का उपयोग करता है कि एक ही देखा हो।

39
00:03:49,320 --> 00:03:50,760
और जवाब हां और नहीं है।

40
00:03:50,760 --> 00:03:53,240
यह कैसे साइट बूटस्ट्रैप का उपयोग करता है पर निर्भर करता है।

41
00:03:53,760 --> 00:04:04,490
मैं तर्क होता है एक कंपनी या एक परियोजना में अच्छी तरह से बूटस्ट्रैप का उपयोग करता है कि यह कहना मुश्किल है कि वे वास्तव में बूटस्ट्रैप का उपयोग कर रहे हैं क्योंकि वे उन मुख्य घटकों का उपयोग करें और फिर तुम में जाने के लिए और शीर्ष पर अपनी खुद की शैली के बारे में कुछ करने के लिए है कि बनाता है।

42
00:04:04,500 --> 00:04:07,860
रंग बदल बदल फोंट मंडराना प्रभाव के कुछ बदल जाते हैं।

43
00:04:07,920 --> 00:04:17,670
आप सटीक एक ही रंग और सब कुछ है कि बूटस्ट्रैप के साथ आने का उपयोग करने के लिए नहीं है, लेकिन इसका मतलब यह नहीं है कि वहाँ कुछ भी या तो बूटस्ट्रैप शैली में निर्मित का उपयोग करने में स्वाभाविक बुरा है कि।

44
00:04:17,670 --> 00:04:19,080
और हम निश्चित रूप से दोनों कर रही हो जाएगा।

45
00:04:19,200 --> 00:04:25,290
तो जब हम एक साइट बना रहे हैं और एक ध्यान के सामने अंत में हम सिर्फ कुछ है कि जल्दी से सामने आने लग रहा है बनाने के लिए चाहते हैं पर सच नहीं है।

46
00:04:25,290 --> 00:04:30,310
असल में प्रोटोटाइप सामने अंत बूटस्ट्रैप का उपयोग करेगा और हम वास्तव में कई टुकड़े नहीं संशोधित करेगा।

47
00:04:30,780 --> 00:04:42,580
लेकिन हम कुछ पर एक छोटे से बड़ा कुछ है कि हम जैसे हम सभी में कुछ भी बदलने के बिना बूटस्ट्रैप का उपयोग करें तो हम में जाने के लिए और हमारे अपने शैलियों में से कुछ जोड़ देंगे मूल रूप से स्प्रे रंग का कोट जोड़ने देखने के लिए नहीं करना चाहती काम कर रहे हैं तो अगर बूटस्ट्रैप के शीर्ष पर।

48
00:04:42,600 --> 00:04:50,740
अगली बात मैं करना चाहता है, जहां वे उन साइटों में से कुछ का प्रदर्शन आप साइटों है कि बूटस्ट्रैप और बुद्ध यात्रा वास्तव में एक आधिकारिक वेब साइट के साथ बनाया जाता है की कुछ दिखाई है।

49
00:04:50,970 --> 00:04:54,330
आप एक्सपो पर क्लिक करते हैं कि मैं यह पहले से ही खुला है।

50
00:04:54,330 --> 00:05:01,890
तुम्हें पता है कि वे सुंदर प्रदर्शन और प्रेरणादायक एक बूटस्ट्रैप का उपयोग करता है तो हम इनमें से कुछ को खोल सकते हैं उन्हें और नया टैब खोलने के लिए देख सकते हैं।

51
00:05:02,270 --> 00:05:03,870
और ये सिर्फ सबसे हाल ही होते हैं।

52
00:05:03,870 --> 00:05:05,390
वहाँ सैकड़ों इस साइट पर है।

53
00:05:05,420 --> 00:05:14,660
आप टन और उनमें से टन देख सकते हैं और आप स्क्रॉल और स्क्रॉल रख सकते हैं और फिर हम कुछ पुराने और वहाँ वहाँ इतने सारे अलग अलग साइटों है कि यह प्रयोग कर रहे हैं करने के लिए जा सकते हैं।

54
00:05:15,000 --> 00:05:17,050
और वे वास्तव में सभी एक ही नहीं लगते।

55
00:05:17,610 --> 00:05:20,190
हाँ शायद उनमें से एक बहुत एक नव पट्टी है।

56
00:05:20,190 --> 00:05:28,450
हो सकता है कि उनमें से एक बहुत कुछ इस पूर्ण स्क्रीन बड़ी छवि लेआउट है लेकिन लगता है कि कुछ है कि यह विशुद्ध रूप से करने के लिए जिम्मेदार बूटस्ट्रैप से एक डिजाइन की प्रवृत्ति के अधिक है।

57
00:05:28,980 --> 00:05:30,890
तो चलो इन में से कुछ पर एक नज़र रखना।

58
00:05:30,930 --> 00:05:36,400
यह एक है जो एक कंपनी वास्तव में वेब साइट टेम्पलेट्स बनाता है रचनात्मक है टिम।

59
00:05:36,630 --> 00:05:40,330
और आप हम छवियों के इस अच्छा ग्रिड देख सकते हैं।

60
00:05:40,500 --> 00:05:41,600
यह बहुत ही संवेदनशील है।

61
00:05:41,610 --> 00:05:46,710
अगर मैं इस नीचे हटना हम हमारे छोटे से नव पट्टी यहाँ मिलता है।

62
00:05:46,920 --> 00:05:52,660
तो यह एक बूटस्ट्रैप घटक तरीका है कि सब कुछ इस ग्रिड में बाहर रखी है।

63
00:05:52,890 --> 00:05:59,540
बूटस्ट्रैप कि के लिए आंशिक रूप से जिम्मेदार है, लेकिन आप यह भी देख सकते हैं कि वे डिफ़ॉल्ट बूटस्ट्रैप बटन में बनाया का उपयोग नहीं कर रहे हैं।

64
00:05:59,580 --> 00:06:00,710
वे उन्हें बदल दिया है।

65
00:06:00,780 --> 00:06:01,960
हालात अलग लग रही है।

66
00:06:02,190 --> 00:06:06,130
इसलिए मुझे लगता है कि यह है कि एक बहुत अच्छी लग रही साइट बूटस्ट्रैप का एक बहुत अच्छा प्रयोग है।

67
00:06:06,180 --> 00:06:12,170
यह अच्छी तरह से काम करता है और यह बूटस्ट्रैप का उपयोग करता है, लेकिन यह बूटस्ट्रैप 100 प्रतिशत पर भरोसा नहीं करता।

68
00:06:13,080 --> 00:06:15,120
के एक या दो अधिक पर एक नज़र रखना।

69
00:06:15,480 --> 00:06:19,640
तो यह एक इंडिकस कहा जाता है या ऐसा कुछ सूचियां है।

70
00:06:19,710 --> 00:06:24,200
जाहिर है, उन्हें डिजाइन और डिजिटल उत्पादों है कि लोगों का उपयोग कर आनंद का निर्माण।

71
00:06:24,240 --> 00:06:25,520
तो चलो यहाँ नीचे स्क्रॉल करते हैं।

72
00:06:25,680 --> 00:06:26,980
हम क्या है पर एक नजर डालें।

73
00:06:27,270 --> 00:06:37,500
तो कुछ सामग्री है कि शायद बूटस्ट्रैप ग्रिड प्रणाली है जो संगठित करने और चीजों को बाहर करना जैसा कि मैंने पहले Pearcey एसएस में बेहद मुश्किल है उल्लेख किया है बाहर रखना मदद करता है के साथ बनाया गया है वहाँ है।

74
00:06:37,560 --> 00:06:42,910
यह बेहतर हो रही है, लेकिन बूटस्ट्रैप वास्तव में सच में हमें हमारे आवेदन पर बातें बाहर रखना मदद करने के लिए उपयोगी है।

75
00:06:43,260 --> 00:07:05,930
और हम हैं कि वहाँ एक नव पट्टी को यहां एक छोटे से पाद बार तो यह एक्सपो में कुछ समय लगेगा परियोजनाओं है कि बूटस्ट्रैप और करने के लिए इस्तेमाल के कुछ पता लगाने के लिए देखो कि कैसे वे इसे और सभी अलग अलग तरीकों का उपयोग है कि कंपनियों को संशोधित कर रहे हैं bootstrap करने के लिए जाने के लिए सच में मज़ा है यह उनके स्वयं के रंग को अपने स्वयं के फोंट में जोड़ने और वास्तव में यह पता लगाने की क्या मुख्य घटक है कि बहुत से और साइटों के बहुत सारे प्रयोग कर रहे हैं और यही कारण है बूटस्ट्रैप उपयोग करने का फैसला कर रहे हैं।

76
00:07:06,170 --> 00:07:14,970
और मेरी राय में यह वास्तव में ग्रिड प्रणाली है जो हम करने के लिए इस इकाई में एक वीडियो devoting हो जाएगा और नव सलाखों और सब कुछ की जवाबदेही के लिए नीचे आता है।

77
00:07:15,420 --> 00:07:15,710
ठीक।

78
00:07:15,720 --> 00:07:20,230
तो लपेट मैं तुम्हें एक सरल साइट है कि हम बनाने होंगे दिखाने के लिए जा रहा हूँ।

79
00:07:20,280 --> 00:07:23,110
यह हमारे स्टार्टअप भारी पेटिंग कहा जाता है।

80
00:07:23,190 --> 00:07:28,200
यह आप अपने सही बिल्ली के समान साथिन को खोजने में मदद करता है और यह बूटस्ट्रैप उपयोग करता है।

81
00:07:28,200 --> 00:07:33,610
आप हम यहाँ सिर्फ एक नव पट्टी है जैसे हम मॉर्गन बटन पर हस्ताक्षर किया है कि देख सकते हैं।

82
00:07:33,630 --> 00:07:39,970
हम तो इन छोटे माउस को मिलता है कि हम हमारे पाठ यहाँ और थोड़ा टैग लाइन है और फिर हमारे बटन है।

83
00:07:40,290 --> 00:07:47,060
और फिर जैसा कि मैं चीजों का आकार बदलने सब कुछ संवेदनशील आप देख सकते हैं चीजों के चारों ओर बढ़ रहे हैं चारों ओर जा रहा है।

84
00:07:47,190 --> 00:07:52,660
और सबसे महत्वपूर्ण बात यह है कि हम थोड़ा हैमबर्गर मिलता है और हम एक मोबाइल के अनुकूल नव पट्टी है।