1
00:00:00,750 --> 00:00:12,290
इस पाठ मैं तुम्हें बूटस्ट्रैप के सभी में सबसे महत्वपूर्ण और व्यापक रूप से इस्तेमाल घटक जो NFR है तो आपको मिल Boucek डॉटकॉम पर वास्तव में देख सकते हैं में से एक को दिखाने के लिए जा रहा हूँ में वापस स्वागत है।

2
00:00:12,450 --> 00:00:15,980
वे यहीं पर्याप्त बार घटक का उपयोग करें।

3
00:00:16,200 --> 00:00:21,900
हम भी अपने भौंकना शिविर आवेदन पर एक का उपयोग करने के लिए जा रहा है और जैसा कि मैंने नव पट्टी का आकार बदला रहे हैं।

4
00:00:21,900 --> 00:00:30,700
सूचना है कि यह कैसे संवेदनशील है और फिर भी जैसे ही मैं टैब क्या आकार और मोबाइल आकार हम यह अच्छा हैमबर्गर मिल मारा नोटिस।

5
00:00:30,720 --> 00:00:33,020
इसलिए हम इस पाठ में है कि सभी की दिशा में काम करना होगा।

6
00:00:33,180 --> 00:00:34,890
लेकिन हम सरल शुरू करने के लिए जा रहे हैं।

7
00:00:34,890 --> 00:00:46,290
पहली बात तो हम क्या करने की जरूरत घटकों के लिए जाने के लिए और नव पट्टी करने के लिए जाना है और मैं एक नई फ़ाइल सिर्फ इसलिए कि हम काफी कोड का एक सा लिख ​​सकता हूँ बनाया है इससे पहले कि हम बहुत आगे जाना है।

8
00:00:46,380 --> 00:00:48,150
पुराने एक बरबाद हो रही थी।

9
00:00:48,150 --> 00:00:50,620
मैं इसे बुला रहा हूँ Naff बार एच टी एम एल

10
00:00:50,820 --> 00:00:56,030
सब वे अंदर bootstrap नहीं करने के लिए यहाँ शीर्षक बदलने की कड़ी है।

11
00:00:56,630 --> 00:01:00,980
मैं सिर्फ यह नव सलाखों bootstrap फोन करता हूँ।

12
00:01:01,350 --> 00:01:02,910
बस असे ही।

13
00:01:02,910 --> 00:01:07,580
अब चलो डॉक्स के लिए जाना है और डिफ़ॉल्ट नव पट्टी पर एक नज़र रखना।

14
00:01:08,220 --> 00:01:13,460
तो इस उदाहरण यहाँ है, जहां हम एक ब्रांड लिंक हो सकता महत्वपूर्ण सुविधाओं में से सभी को दर्शाना होगा।

15
00:01:13,560 --> 00:01:15,800
हम अन्य लिंक हम मेनू पर गिरा दिया जा सकता है हो सकता है।

16
00:01:15,930 --> 00:01:22,010
हम एक नव पट्टी के रूप में हो सकता है और एक बटन है कि हम चीजों को सही पक्ष चीजें हैं जो बाईं तरफ हैं पर कर रहे हैं हो सकता है।

17
00:01:22,020 --> 00:01:23,720
यह वास्तव में सब कुछ showcases।

18
00:01:23,790 --> 00:01:30,330
यह बूटस्ट्रैप Naff सलाखों के पानी के नल है और फलस्वरूप मार्कअप में एक छोटा सा लंबा है।

19
00:01:30,390 --> 00:01:33,530
हम इस वीडियो के अंत तक इन टुकड़ों के सभी के साथ काम किया जाएगा।

20
00:01:33,540 --> 00:01:37,790
लेकिन मैं सरल शुरू करने के लिए चाहते हैं और मैं आप सबसे आसान तरीका एक नंबर बनाने के लिए दिखा कर शुरू करेंगे।

21
00:01:38,040 --> 00:01:51,550
इसलिए हम एक नव तत्व बनाने की जरूरत है और कहा कि एनएवी तत्व दो वर्गों है कि हम नव पट्टी और नव पट्टी चाहते हैं और हम शुरू कर सकते हैं साथ Dasch डिफ़ॉल्ट बचाने की जरूरत है।

22
00:01:51,550 --> 00:01:54,920
और अब के ब्राउज़र और ताज़ा में फाइल को देखो चलते हैं।

23
00:01:55,200 --> 00:02:04,860
आप देख सकते हैं मुझे आशा है कि यह सामने आता है और वहाँ पर्याप्त बार बहुत ही बेहोश बार शीर्ष भर में जा रहा है, ताकि हम वास्तव में कैसे एनएफ बार प्रारंभ है वह है कि स्क्रीनकास्ट।

24
00:02:04,860 --> 00:02:06,980
अब चलो यह कुछ सामग्री के साथ भरें।

25
00:02:07,050 --> 00:02:11,640
पहली बात हम पर एक नज़र रखना होगा कि हम कैसे इस ब्रांड में यहां जोड़ सकते हैं।

26
00:02:11,790 --> 00:02:13,180
असल में आपकी कंपनी का नाम।

27
00:02:13,230 --> 00:02:14,320
अधिकतर परिस्थितियों में।

28
00:02:14,900 --> 00:02:20,830
और कहा कि एक नव पट्टी हैडर इस्तेमाल कर रहा है और उसके बाद NFR हेडर के अंदर हम एक नव पट्टी ब्रांड का उपयोग करें।

29
00:02:20,850 --> 00:02:35,910
तो चलो कहा कि div वर्ग नव पट्टी पानी का छींटा हेडर के बराबर होती है और फिर वहाँ के अंदर हम नव पट्टी ब्रांड है जो एक लंगर टैग है में जोड़ने के लिए जा रहे हैं द्वारा शुरू करते हैं।

30
00:02:35,910 --> 00:02:39,440
आमतौर पर जब आप उस कंपनी के नाम पर क्लिक करें यह आप वापस घर पृष्ठ पर ले जाता है।

31
00:02:39,660 --> 00:02:45,840
इसलिए हम चाहते हैं कि यहां लंगर टैग कर देंगे और हम एक यातायात Thorpes के बराबर के साथ शुरू करेंगे तो यह हमें कहीं नहीं ले करता है।

32
00:02:45,870 --> 00:02:52,890
कक्षा नव पट्टी पानी का छींटा ब्रांड के बराबर होगा और हम सिर्फ एक कंपनी का नाम बनाती हूँ।

33
00:02:52,890 --> 00:02:57,170
चलो देखते हैं अगर मैं मेरे चारों ओर एक कप कॉफी मिल गया तो कॉफी के साथ चलते हैं।

34
00:02:57,270 --> 00:03:02,210
लेकिन वास्तव में यह एक सच स्टार्टअप हम वर्तनी में थोड़ा सा परिवर्तन करने की जरूरत है।

35
00:03:02,400 --> 00:03:03,180
ठीक एलेक्स।

36
00:03:03,180 --> 00:03:03,990
मेरे लिए काफी अच्छा।

37
00:03:04,020 --> 00:03:05,350
एक लालकृष्ण साथ कॉफी

38
00:03:05,760 --> 00:03:07,420
चलो एक नज़र रखना चलते हैं।

39
00:03:07,590 --> 00:03:11,830
रिफ्रेश करें और हम अब हमारे नव पट्टी ब्रांड है जो एक लिंक है।

40
00:03:11,940 --> 00:03:12,880
मैं उस पर क्लिक करें।

41
00:03:13,010 --> 00:03:20,940
यह मुझे कहीं भी अभी नहीं ले करता है, लेकिन अंत में हमारे अनुप्रयोगों यह होगा तो यह है कि जब आप कंपनी के नाम पर क्लिक करें यह आप मुख पृष्ठ अगले करने के लिए वापस लेता है।

42
00:03:20,940 --> 00:03:24,480
चलो हम के बारे में संपर्क जैसे कुछ अन्य लिंक में जोड़ सकते हैं, तो चलो देखते हैं।

43
00:03:24,510 --> 00:03:25,660
रजिस्टर के लिए साइन अप।

44
00:03:25,770 --> 00:03:27,490
सभी बार में उन आम लिंक।

45
00:03:27,660 --> 00:03:31,190
यहीं के पेज लिंक के बारे में जोड़कर शुरू करते हैं।

46
00:03:31,500 --> 00:03:41,600
इसलिए हम वापस और फिर नव पट्टी हैडर हम इस div में एक और div बनाने के लिए कम से कम हमारे नव पट्टी के बाईं ओर पर सामग्री के सभी एकत्रित करेगा जा रहे हैं के बाहर जाना होगा।

47
00:03:41,760 --> 00:03:48,960
इसलिए हम शीर्षक है और फिर हम कुछ सामग्री होगा और फिर अगर हम सही पक्ष पर कुछ करना चाहते हैं कि हम एक और div एक और वर्ग है कि होगा।

48
00:03:48,960 --> 00:03:50,010
तो यहाँ वर्ग।

49
00:03:50,070 --> 00:03:56,730
वास्तव में दो हम एनएवी और नव पट्टी पानी का छींटा एनएवी चाहते हैं।

50
00:03:56,850 --> 00:04:00,170
मेरे नामकरण उनकी नव पट्टी पानी का छींटा एनएवी के बारे में मत पूछो।

51
00:04:00,210 --> 00:04:05,940
यह बूटस्ट्रैप के बड़े आलोचनाओं में से एक है कि यह एक छोटा सा बदसूरत है और यह कभी कभी बहुत सार्थक नहीं है।

52
00:04:06,030 --> 00:04:14,630
और वहाँ वास्तव में एक CSSA रूपरेखा है कि बूटस्ट्रैप का अर्थ अर्थहीनता के जवाब में बनाया गया था, तो आप अर्थ यूआई बुलाया जाएगा।

53
00:04:14,910 --> 00:04:16,660
और वह एक है कि मैं वास्तव में रूप में अच्छी तरह का आनंद है।

54
00:04:16,710 --> 00:04:18,070
और मैं शिक्षण पर बहस।

55
00:04:18,420 --> 00:04:22,190
लेकिन अंत में यह बस के रूप में व्यापक रूप से इस्तेमाल नहीं किया है वहाँ के रूप में महान ट्यूटोरियल अभी तक नहीं कर रहे हैं।

56
00:04:22,200 --> 00:04:23,550
तो वापस हमारे रचनाकार यहाँ करने के लिए।

57
00:04:23,590 --> 00:04:27,600
कक्षा नव पट्टी एनएवी और वर्ग एनएवी उन दोनों।

58
00:04:27,690 --> 00:04:36,850
और फिर प्रत्येक मद है कि हम इस NFR पर चाहते हैं के लिए हम वाई के अंदर एक सहयोगी जोड़ने और फिर अगर हम जोड़ने के लिए हम सिर्फ एक लंगर टैग को मिला है चाहता हूँ की जरूरत है।

59
00:04:37,050 --> 00:04:38,810
तो यह एक बस कहीं नहीं जाना होगा।

60
00:04:38,850 --> 00:04:42,280
एक बार फिर से और इस बारे में पृष्ठ के लिए होगा।

61
00:04:42,500 --> 00:04:54,120
और अगर मैं वापस जाने के लिए और ताज़ा अब हम करने के लिए एक कड़ी है के बारे में बचा वापस जाने के लिए संपर्क करने के लिए एक और जोड़ दें।

62
00:04:54,570 --> 00:04:58,950
अब हम अब आगे बढ़ते हैं और पेज के दाईं ओर करने के लिए कुछ जोड़ दें दो लिंक है।

63
00:04:59,160 --> 00:05:07,630
के पंजीकरण के लिए दो लिंक एक जोड़ने या साइन अप करें और एक और बार के दाईं ओर लोग इन कि ऐसा करने के लिए करते हैं।

64
00:05:07,690 --> 00:05:23,570
हम एक nother कंटेनर यहाँ और वास्तव में divs इसे और अधिक पारंपरिक का उपयोग का उपयोग करने के लिए एक तुम यह ठीक उसी तरह से काम करेंगे के बजाय जरूरत है, लेकिन आप हालांकि वे अभी ठीक एक div के साथ एक बनाता है काम करेंगे एक के बजाय सहयोगी दलों में अच्छी तरह से भी है चाहता हूँ थोड़ा और अधिक समझ में एक उल के बजाय हो सकता है।

65
00:05:23,620 --> 00:05:32,700
तो हम एक और उल जोड़ने के लिए जा रहे हैं और यह एक नव होने जा रहा है। नव पट्टी पानी का छींटा एनएवी और फिर नव पट्टी पानी का छींटा।

66
00:05:32,760 --> 00:05:33,570
सही।

67
00:05:33,660 --> 00:05:38,280
और हमें यकीन है कि हम जादू है कि सही ढंग से नहीं तो उस वर्ग के प्रभावी नहीं होगा बनाने की जरूरत है।

68
00:05:38,280 --> 00:05:42,960
तो यह क्या करना होगा कि हमें नव पट्टी के दाईं ओर के लिए सामग्री का एक नया समूह बनाना है।

69
00:05:43,120 --> 00:05:44,540
और अब हम सिर्फ यह भरने की जरूरत है।

70
00:05:44,550 --> 00:05:47,750
इसलिए मैं दोनों धारा में दो लिंक जोड़ देंगे।

71
00:05:47,820 --> 00:05:56,550
पहले एक कहीं नहीं जाना होगा और यह कहेंगे साइन अप करें और फिर हम एक दूसरे कि बस में लॉग इन कहना है कि होगा।

72
00:05:56,940 --> 00:05:58,080
चलो एक नज़र डालते हैं।

73
00:05:58,290 --> 00:06:01,630
पेज को रिफ्रेश करें और आप देख सकते हैं कि हम सही पर सामग्री है।

74
00:06:01,650 --> 00:06:12,220
हालांकि यह सही किनारे के खिलाफ है और ठीक करने के लिए पर्याप्त है कि हम बार की तरह हम अपने मुख्य सामग्री पर कुछ रिक्ति जोड़ने के लिए कंटेनर का उपयोग करने के पहले एक कंटेनर में जोड़ सकते हैं।

75
00:06:12,220 --> 00:06:14,190
हम एक नव पट्टी के बजाय एक जोड़ सकता है।

76
00:06:14,400 --> 00:06:17,730
तो मैं एक कंटेनर के बजाय neph बार में सब कुछ डाल दिया।

77
00:06:17,740 --> 00:06:20,800
तो वर्ग कंटेनर के बराबर होती है।

78
00:06:21,060 --> 00:06:22,430
बस इस नीचे ले जाएँ।

79
00:06:22,560 --> 00:06:26,180
यकीन है कि सब कुछ ठीक दांतेदार है सुनिश्चित करें।

80
00:06:26,190 --> 00:06:27,770
हम वहाँ चलें।

81
00:06:27,780 --> 00:06:30,930
चलो इसे बाहर का परीक्षण करते हैं।

82
00:06:30,930 --> 00:06:31,430
अच्छा लगा।

83
00:06:31,440 --> 00:06:33,910
तो अब सब कुछ अच्छा है और सही ढंग से केंद्रित है।

84
00:06:34,140 --> 00:06:41,940
मैं तुम्हें दिखाता अगर मैं एनएवी बाहर कंटेनर जोड़ने के लिए किया था और वे पूरे नव पट्टी के अंदर रखा जाएगा।

85
00:06:42,880 --> 00:06:43,650
हम देखेंगे क्या होता है।

86
00:06:43,660 --> 00:06:49,950
अब अगर मैं ताजा पर्याप्त सलाखों थे मैं वास्तव में काट दिया और केवल सड़क पार रास्ते से भाग जाता है।

87
00:06:50,460 --> 00:06:53,460
तो कंटेनर कि जो कुछ भी करने के लिए हम इसके बारे में अंदर डाल करना होगा।

88
00:06:53,670 --> 00:07:03,820
और इस मामले में हम नव पट्टी इतना है कि यह वास्तविक Naff हिस्सा स्वयं में बाधा नहीं है, लेकिन यह इसके अंदर की सामग्री सीमित है के अंदर कंटेनर चाहते हैं।

89
00:07:04,440 --> 00:07:04,950
ठीक।

90
00:07:05,060 --> 00:07:13,060
तो कंटेनर हम अपने Hetter है हम बाईं तरफ के सामान है और हम सही पर कुछ सामग्री है, तो आप यहां देख सकते हैं।

91
00:07:13,290 --> 00:07:29,670
अब क्या यह कदम थोड़ा और जाना है और इस बुनियादी नव पट्टी या डिफ़ॉल्ट एनएवी बार वे डॉक्स में है कि लेने के लिए और के इस पूरे काम की नकल है और मैं अभी इसे ठीक नीचे डाल दिया अब तक कुछ जगह बना रहे हैं लेंगे।

92
00:07:29,670 --> 00:07:33,010
टिप्पणी का एक बहुत यह स्पष्ट करने के लिए।

93
00:07:33,250 --> 00:07:35,510
Default नव पट्टी।

94
00:07:36,060 --> 00:07:40,280
और ताज़ा इस पर एक नजर डालते हैं।

95
00:07:40,560 --> 00:07:44,580
तो यह इस एनएवी यहाँ बार है और वहाँ कुछ चीजें मैं उजागर करना चाहते है।

96
00:07:44,580 --> 00:07:48,690
एक यह है कि हम मेनू पर गिरा दिया है, लेकिन वे वास्तव में काम नहीं कर रहा है।

97
00:07:48,900 --> 00:07:53,300
और भी रूप में हम खिड़की का आकार बदलने के लिए हम यहाँ हैमबर्गर मेनू मिलता है।

98
00:07:53,550 --> 00:07:54,740
उन कड़ियों चले जाओ।

99
00:07:54,750 --> 00:07:58,630
प्रपत्र दूर हो जाता है और उन्हें प्रकट करने के लिए हम यहाँ क्लिक करने के लिए की जरूरत है।

100
00:07:58,830 --> 00:08:00,480
लेकिन वह भी काम नहीं करता।

101
00:08:00,960 --> 00:08:07,570
तो चलो यह काम करने के लिए और फिर हम इन सभी विभिन्न टुकड़े और क्या वे यह काम करने के लिए करते हैं के बारे में बात करेंगे हो रही द्वारा शुरू करते हैं।

102
00:08:07,590 --> 00:08:10,550
हम जाने के लिए और बूटस्ट्रैप जावास्क्रिप्ट फ़ाइल को शामिल करने की जरूरत है।

103
00:08:10,830 --> 00:08:15,660
तो अगर हम बूटस्ट्रैप डॉक्स में वापस जाने के लिए हम डाउनलोड पर क्लिक करेंगे।

104
00:08:15,780 --> 00:08:19,800
वहाँ भी एक फाईल हम की जरूरत है कि जो यहीं है।

105
00:08:19,800 --> 00:08:24,460
मैं Cdn संस्करण इस्तेमाल करेंगे, लेकिन यह भी फ़ोल्डर है कि आप डाउनलोड के अंदर आता है।

106
00:08:24,510 --> 00:08:25,700
यह सिर्फ बूटस्ट्रैप कहा जाता है।

107
00:08:25,810 --> 00:08:26,220
हाँ।

108
00:08:26,250 --> 00:08:29,890
या कम से कम संस्करण बूटस्ट्रैप Mencius।

109
00:08:30,420 --> 00:08:36,210
और चलो कि जोड़ दें और हम अपने शरीर के तल पर इसे नीचे करने के लिए और बचा लेंगे।

110
00:08:36,210 --> 00:08:38,280
और मुझे पता है कि हम जावास्क्रिप्ट के बारे में बात नहीं की है।

111
00:08:38,380 --> 00:08:42,860
आप नहीं जानते कि क्या एक कहानी है और यह कोई फर्क नहीं पड़ता करता यहाँ क्या स्रोत है।

112
00:08:42,900 --> 00:08:44,710
हम सिर्फ बूटस्ट्रैप में प्लग करने के लिए जा रहे हैं।

113
00:08:44,910 --> 00:08:46,550
और अब हमारे ताज़ा।

114
00:08:46,710 --> 00:08:53,470
हम एक छोटी सी समस्या है जो मैं दिखाता हूँ तुम यहाँ हमें बताता है कि bootstraps जावास्क्रिप्ट क्वेरी की आवश्यकता हल कर सकते हैं।

115
00:08:53,790 --> 00:08:56,180
यह क्या है के बारे में चिंता है और यह कैसे इस संदेश को नहीं मिला है।

116
00:08:56,250 --> 00:08:59,970
लेकिन मैं तो बस आप को यह दिखाने के लिए इतना है कि आप वास्तविक संदेश हम देखना चाहते हैं।

117
00:08:59,970 --> 00:09:03,240
हम जम्मू क्वेरी जो हम भी बारे में बात नहीं की है की आवश्यकता के लिए की जरूरत है।

118
00:09:03,580 --> 00:09:05,360
लेकिन यह आसान जाने के लिए और पाने के लिए काफी है।

119
00:09:05,400 --> 00:09:07,140
हम किसी भी जावास्क्रिप्ट लिखने के लिए नहीं है।

120
00:09:07,170 --> 00:09:08,830
आप किसी भी जावास्क्रिप्ट को पता है की जरूरत नहीं है।

121
00:09:08,830 --> 00:09:10,180
हम बस इसे शामिल करने की है।

122
00:09:10,230 --> 00:09:23,890
इतना सब हम क्या करने की जरूरत जे के लिए खोज प्रश्नों समन्वय जो कोड है कि जे डॉट कॉम और यहाँ नीचे सबसे हाल के संस्करण का चयन करें और इस यूआरएल को कॉपी करने की आवश्यकता होगी पर है।

123
00:09:23,910 --> 00:09:30,150
इस क्यूरे फाइल है और फिर हम वापस यहाँ नीचे जाना होगा।

124
00:09:30,150 --> 00:09:32,560
हम इन स्क्रिप्ट टैग के एक दूसरे से जोड़ने के लिए जा रहे हैं।

125
00:09:32,640 --> 00:09:34,410
असल में इस सटीक कोड को कॉपी।

126
00:09:34,410 --> 00:09:42,030
वास्तव में मैं यह आसान है कि सटीक लाइन नकली और इस URL बदल Jey क्वेरी आप कर रहे हैं होने के लिए बनाने के लिए है कि क्या करेंगे।

127
00:09:42,610 --> 00:09:44,530
यदि और सब विफल रहता है तो आप सिर्फ यह पता टाइप कर सकते हैं।

128
00:09:44,560 --> 00:09:56,290
ऐसा नहीं है कि बुरा नहीं है एक आप एल रहे हैं लेकिन मैं जे queery समन्वय के लिए खोज से यह मिल गया और बचाने के लिए होगा और अगर यह bootstraps जावास्क्रिप्ट फ़ाइल से पहले आने के लिए है, क्योंकि यह एक प्रश्न पर निर्भर करता है की जरूरत है।

129
00:09:56,560 --> 00:10:00,370
तो एक बार और यह क्या यह कैसे काम करता है क्या जे क्वेरी है के बारे में बहुत ज्यादा चिंता नहीं है।

130
00:10:00,450 --> 00:10:02,150
यह सब अब से कुछ ही मिनट के लिए आ रहा है।

131
00:10:02,430 --> 00:10:06,550
लेकिन बूटस्ट्रैप के बाहर और विशेष एनएवी सलाखों और लटकती मेनू में सबसे अधिक प्राप्त करने के लिए।

132
00:10:06,750 --> 00:10:13,210
हम सिर्फ इन दो पंक्तियों किसी भी समय हम यह प्रयोग कर रहे हैं तो हम अब वापस जाने के लिए और ताज़ा कर देंगे की जरूरत है।

133
00:10:13,230 --> 00:10:18,850
सबसे पहले मेनू पर गिरा रहे हैं अब काम के रूप में आप देख सकते हैं कि हम अब लटकती मेनू है।

134
00:10:18,880 --> 00:10:24,430
हम इस वीडियो में लेकिन जैसा कि मैंने आकार बदलने के बारे में बात करने के लिए नहीं जा रहे हैं और मुझे लगता है कि हैमबर्गर मिलता है।

135
00:10:25,050 --> 00:10:26,980
हैमबर्गर अब जब मैं उस पर क्लिक करें काम करता है।

136
00:10:26,980 --> 00:10:29,480
यह टॉगल कि छिपा सामग्री।

137
00:10:29,560 --> 00:10:43,280
तो जिस तरह से है कि यह सही यहाँ काम करता है वहाँ यहीं इस छोटे से विराम बिंदु है जहां यह सामग्री खाल के सभी और सभी हम देखते हैं कि शीर्षक और उस बटन है।

138
00:10:43,380 --> 00:10:49,120
और फिर जब हम बटन पर क्लिक करें कि सभी को पहले से सामग्री छिपा पुन: दिखाई देता है कि काम करने के लिए मिलता है।

139
00:10:49,120 --> 00:10:50,650
अब हमारे लिए।

140
00:10:50,950 --> 00:11:01,960
लेकिन हम एक बहुत कम जटिल संस्करण में क्या करने जा रहे हैं, जहां हम सिर्फ और बहुत जल्दी वे प्रदर्शित किया जाएगा तो यह है कि जब हम आकार बदलने के इन चार लिंक छिपे हुए हैं इन चार लिंक छुपाना चाहते हैं तो।

141
00:11:02,250 --> 00:11:09,830
कि यह कैसे इस डिफ़ॉल्ट संस्करण में एक नव पट्टी के इस विशाल राक्षस accomplishes है पर एक नज़र लेने के द्वारा शुरू करने जा रहा करने के लिए।

142
00:11:10,380 --> 00:11:13,650
और मैं सिर्फ यहीं महत्वपूर्ण रेखा के बाहर बात करेंगे।

143
00:11:13,760 --> 00:11:24,850
Div वर्ग पतन नव पट्टी पतन जो कुछ भी हम इस div के अंदर डाल ढह जाएगा जब हम मोबाइल आकार मारा तो यह हमारे लिए बटन नहीं कर देगा।

144
00:11:24,850 --> 00:11:33,470
यह टॉगल में काम नहीं चलेगा फिर से दिखने में छिपा है लेकिन यह छिपा होगा जो भी सामग्री हम इसके बारे में अंदर डाल दिया जब हम देखते हैं कि टैबलेट और मोबाइल आकार मारा।

145
00:11:33,650 --> 00:11:40,320
इसलिए हम इस कॉपी करने के लिए जा रहे हैं और हम सिर्फ सामग्री हम छुपाना चाहते हैं के आसपास लपेटो करने की जरूरत है और हम यहाँ इस छुपाना चाहते हैं।

146
00:11:40,330 --> 00:11:49,980
इन दो बेट्टी तो चार लिंक हम छुपाना चाहते हैं कि जब हम छोटे स्क्रीन आकार मारा।

147
00:11:50,440 --> 00:11:57,820
तो बंद टैग में जोड़ने के लिए और बचाने के लिए और वहाँ एक लाइन यहाँ है और यह महत्वपूर्ण है और मैं बस एक पल में यह करने के लिए मिल जाएगा।

148
00:11:57,850 --> 00:12:01,230
यह हमें बस अभी तक कोई असर नहीं पड़ेगा, लेकिन हम ताज़ा है।

149
00:12:01,690 --> 00:12:02,160
तुम देखोगे।

150
00:12:02,170 --> 00:12:10,650
अब जब मैं आकार बदलने वहाँ एक बात यहीं जहां पतन div के अंदर सभी सामग्री है कि दूर चला जाता है।

151
00:12:10,680 --> 00:12:11,650
अब यह फिर से बाहर निकलना नहीं है।

152
00:12:11,640 --> 00:12:13,180
हम इस हैमबर्गर नहीं मिलता है।

153
00:12:13,330 --> 00:12:16,940
हम कुछ पर एक क्लिक नहीं मिलता है, लेकिन इसे दूर चला गया है ढह चुका है।

154
00:12:17,050 --> 00:12:24,580
और उसकी वजह से हम इस लाइन यहाँ div वर्ग पतन नव पट्टी पतन में जोड़ा है।

155
00:12:24,630 --> 00:12:29,780
अगली बात हम क्या करने की जरूरत हैमबर्गर में जोड़ने के लिए है और यह काफी कोड का एक सा है।

156
00:12:29,780 --> 00:12:33,010
दुर्भाग्य से यह अभी भी अगर हम इसे खुद करना था की तुलना में काफी बेहतर है।

157
00:12:33,280 --> 00:12:37,220
लेकिन हैमबर्गर यहीं वास्तव में यह सब है।

158
00:12:37,800 --> 00:12:48,660
इसलिए मुझे लगता है कि कॉपी और पेस्ट उस पर एक झपकी या Hetter हमारे कॉफी incontact से पहले के अंदर करने के लिए जा रहा हूँ।

159
00:12:48,970 --> 00:12:52,420
और हम मैं यह क्या करता पास वापस आ जाएगा बचा लेंगे।

160
00:12:53,320 --> 00:12:54,680
चलो बस ताज़ा करते हैं।

161
00:12:55,140 --> 00:12:57,910
और अब अगर मैं मैं हैमबर्गर मिल आकार।

162
00:12:58,120 --> 00:13:00,280
हम वहाँ चलें।

163
00:13:00,310 --> 00:13:03,240
अब मुझे यह कैसे काम करता है के बारे में थोड़ा समझाने की।

164
00:13:03,250 --> 00:13:13,000
तो एक बटन है और फिर उस बटन के अंदर वहाँ तीन फैला है और हर एक को इन सलाखों में से एक बनाने के लिए जिम्मेदार है।

165
00:13:13,210 --> 00:13:21,780
इसलिए यह एक छवि है कि हम यहाँ देख रहे हैं यह वास्तव में एक टीम है कि इस छोटी सी spand कि उन संकीर्ण सलाखों में स्टाइल जा रहा है कि हैमबर्गर बनाने के लिए कर रही है नहीं है।

166
00:13:22,030 --> 00:13:34,310
और फिर जैसा कि अब तक दिखा और सामग्री के छिपने के रूप में जब हम उस पर क्लिक करें क्या वास्तव में महत्वपूर्ण है कि हम इस डेटा लक्ष्य विशेषता है और जो कुछ भी इस मामले में हमारी बी एस उदाहरण में करने के लिए सेट कर दिया जाता है।

167
00:13:34,310 --> 00:13:41,700
अब तो हमारे क्लब के लिए हमारे पतन एक बूटस्ट्रैप उदाहरण के लिए शुद्ध और चलो बस हाँ करने के लिए इसे बदल सकते हैं।

168
00:13:42,180 --> 00:13:44,330
नव। बस ऐसे ही डेमो।

169
00:13:44,470 --> 00:13:49,810
तो फिर हम सामग्री है कि हम वास्तव में पतन के लिए है कि हम दिखाने के लिए और छुपाना चाहते हैं चाहते हैं की आईडी को बदलने की जरूरत है।

170
00:13:49,870 --> 00:13:57,310
तो मैं बनाम एनएवी डेमो मैच के लिए इसे बदल देंगे।

171
00:13:57,340 --> 00:13:59,710
सूचना है एक महत्वपूर्ण अंतर है।

172
00:13:59,710 --> 00:14:11,420
हम आर्कटिक थोर में नहीं जोड़ रहे हैं तो यह सिर्फ तरह सीएसआई है जब हम सी के साथ कुछ कहते हैं कि हम उस Octa थोर्प एक आईडी निशाना बनाने के लिए उपयोग करने की आवश्यकता है ताकि हम आईडी के रूप में सिर्फ पाठ नाम छोड़ चयन करें।

173
00:14:11,440 --> 00:14:18,120
अब डेमो तो यहाँ हम जोड़ने कि थोर्प के लिए यह ताज़ा बचत होगी।

174
00:14:18,120 --> 00:14:25,490
अब अगर मैं आकार बदलने हम हैमबर्गर मिलता है और वे उस पर क्लिक करें और यह दिखा रहा है कि और छिपने चालू करने के लिए काम करता है।

175
00:14:26,250 --> 00:14:27,040
महान।

176
00:14:27,070 --> 00:14:32,400
आखिरी बात यह है कि आप को दिखाना होगा कि हम इस पतन के बाहर कुछ कदम।

177
00:14:32,470 --> 00:14:35,710
तो चलो इन कड़ियों यहाँ ले चलो।

178
00:14:36,070 --> 00:14:55,710
खाते या के बारे में और संपर्क और हम सिर्फ पतन div के बाहर यहीं उन कदम है और मैं देख सकते हैं कि वे वास्तव में पतन नहीं वे वहाँ रहने ताज़ा और फिर मैं उस पर क्लिक करें और अन्य दो कि पतन के बजाय हैं toggled रहे हैं।

179
00:14:55,720 --> 00:15:00,390
अब मैं यह नहीं कह रहा हूँ कि यह अच्छा लग रहा है, लेकिन यह है कि पतन div के महत्व का वर्णन करता है ..

180
00:15:00,630 --> 00:15:08,160
तो जो कुछ भी पतन या जो कुछ भी हम अलग अलग लिंक करने के लिए है कि करने के लिए या छोड़ दिया पर सही पर हैं के लिए हमारे मामले में राशि के पक्ष में हुआ।

181
00:15:08,160 --> 00:15:12,070
वे सभी पतन जब भी हम उस छोटे आकार मोबाइल मारा जाएगा।

182
00:15:12,070 --> 00:15:23,570
और फिर उन्हें फिर से दिखाने के लिए हम यहाँ इस बटन पर क्लिक करें और उस बटन एक डेटा लक्ष्य विशेषता है और जो कुछ भी आईडी इस के लिए छिपा हुआ है और जब हम उस पर क्लिक करें दिखाया जाएगा मेल खाती बनाने के लिए।

183
00:15:24,010 --> 00:15:25,930
और कहा कि इस विचार को यहां होना होता है।

184
00:15:26,440 --> 00:15:28,230
ठीक है तो एक तरह से एक मैराथन।

185
00:15:28,270 --> 00:15:30,750
सामान का एक बहुत है कि एक बूटस्ट्रैप नव पट्टी बनाने में चला जाता।

186
00:15:30,970 --> 00:15:37,450
लेकिन फिर जिस तरह से हम मिला वहाँ सीधे हमारे फाइल में इस कॉपी करने और यह के टुकड़े विदारक द्वारा बस गया था।

187
00:15:37,540 --> 00:15:44,080
और है कि कैसे हम पर्याप्त बनाना बहुत ज्यादा हर बार हम सिर्फ इतना है कि उदाहरण के कोड लेने के लिए और क्या टुकड़े जरूरत है कि हम यह पता लगाने और वहाँ से जाना हो रहा है।