1
00:00:00,180 --> 00:00:04,680
इस सबक मैं आपको बताएंगे कि कैसे अपने खुद के अनुप्रयोगों में बूटस्ट्रैप स्थापित करने के लिए करता हूँ में वापस स्वागत है।

2
00:00:04,740 --> 00:00:08,370
और फिर एक बार जब आप किया है कि मैं आप पिच का उपयोग करने का महत्वपूर्ण मूल के कुछ दिखाता हूँ।

3
00:00:08,850 --> 00:00:14,180
तो मैं बस मुखपृष्ठ पर डॉट कॉम बूटस्ट्रैप हो पर हूँ और वहाँ एक लिंक यहाँ डाउनलोड बूटस्ट्रैप है।

4
00:00:14,850 --> 00:00:20,100
और यह वास्तव में एक प्रत्यक्ष डाउनलोड लिंक, क्योंकि हम कैसे बूटस्ट्रैप का उपयोग करने के लिए दो मुख्य विकल्प नहीं है।

5
00:00:20,430 --> 00:00:24,340
हम फ़ाइलों को डाउनलोड या तो कर सकते हैं और मुझे लगता है कि शुरू करने के लिए क्या करेंगे।

6
00:00:24,530 --> 00:00:29,360
तो फिर हम उन फ़ाइलों को लेने के लिए और उन्हें अपने आवेदन में जोड़ने से पहले हम किसी भी आगे जा सकते हैं।

7
00:00:29,430 --> 00:00:35,230
मैं मैं फाइल हूँ कि मैं बुनियादी चीजें ज DML एम एल बुला रहा हूँ एक सरल खोज टीम है।

8
00:00:35,790 --> 00:00:40,770
और मैं सिर्फ एक शीर्षक जोड़ देंगे और हम सिर्फ बूटस्ट्रैप की कुछ अलग तत्वों में जोड़ देंगे।

9
00:00:40,800 --> 00:00:47,960
एक बार जब हम यह स्थापित किया है इसलिए हम कुछ भी व्यापक नहीं कर देगा हम सिर्फ बुनियादी बूटस्ट्रैप घटकों में से कुछ के लिए एक खेल का मैदान के रूप में इस्तेमाल करेंगे।

10
00:00:48,510 --> 00:00:58,460
ठीक है तो चलो बस एक साधारण एच -1 बूटस्ट्रैप मूल बातें जोड़कर शुरू करने और बचाने के लिए करते हैं।

11
00:00:58,700 --> 00:01:01,790
और फिर ब्राउज़र में इस को खोलते हैं।

12
00:01:03,240 --> 00:01:05,280
बस यह कि वहाँ रखने के लिए अब।

13
00:01:05,280 --> 00:01:06,690
अब बूटस्ट्रैप स्थापित करने के लिए।

14
00:01:06,780 --> 00:01:08,190
मैं इसे डाउनलोड किया था।

15
00:01:08,250 --> 00:01:13,720
वहाँ यहाँ के अंदर कुछ अलग घटकों तो अगर मैं उस फ़ाइल को खोलने के लिए आप देख सकते हैं।

16
00:01:13,830 --> 00:01:23,890
वहाँ एक सी एस एस निर्देशिका है और सीसीएस निर्देशिका के अंदर काफी कुछ फाइलों को देखते हैं, लेकिन वहाँ वास्तव में केवल एक महत्वपूर्ण फाइल जो CSSA अप बूटस्ट्रैप है।

17
00:01:24,630 --> 00:01:27,710
और यह वास्तव में एक ही फाइल यहाँ मिनट तक बूटस्ट्रैप है।

18
00:01:27,740 --> 00:01:32,290
यह सिवाय एसएस गई मिनट लड़ाई कम जगह लेने के लिए नीचे सिकुड़ा हुआ किया गया है।

19
00:01:32,460 --> 00:01:36,280
तो इन दो महत्वपूर्ण फाइलों को वास्तव में बूटस्ट्रैप का उपयोग कर रहे हैं।

20
00:01:36,600 --> 00:01:43,370
और यह इन सभी को तीन इतनी नहीं है कि इस मामले के रूप में ज्यादा bootstrap करने के लिए एक कस्टम विषय जोड़ने में मदद करने के लिए उपयोग किया जाता है एक बूटस्ट्रैप विषय है।

21
00:01:43,380 --> 00:01:45,680
हम सब की ज़रूरत है bootstrap Dotsie का आकलन करें।

22
00:01:45,780 --> 00:01:49,430
और हम बस इसे खोलने के लिए तो आप देख सकते हैं कि हम क्या कर रहे हैं के साथ काम करने से शुरू करते हैं।

23
00:01:49,470 --> 00:01:52,200
यह मुख्य bootstraps फिर से मूल्यांकन फाइल है।

24
00:01:52,770 --> 00:01:54,280
यह सिर्फ वर्गों की एक बहुत कुछ है।

25
00:01:54,300 --> 00:02:00,510
आप CSSA की हर एक पंक्ति पर नजर डालें तो लगभग एक वर्ग घोषणा डॉट बस है।

26
00:02:00,690 --> 00:02:05,340
और फिर हम क्या कर सकते हैं हमारे आवेदनों की बजाय उन वर्गों का उपयोग करें।

27
00:02:05,340 --> 00:02:12,720
इसलिए हम सफेद पाठ और एक लाल रंग की पृष्ठभूमि हम डॉट बटन खतरे लागू करने के लिए जा रहे हैं के साथ एक बटन है चाहता हूँ।

28
00:02:12,900 --> 00:02:14,510
और कहा कि इस यहाँ क्या कर रहा है।

29
00:02:14,730 --> 00:02:19,590
लेकिन खतरा सफेद पाठ एक लाल रंग की पृष्ठभूमि और एक लाल सीमा है।

30
00:02:19,650 --> 00:02:24,410
तो चलो आगे चलते हैं और किसी भी अन्य CSSA फ़ाइल की तरह हमारे आवेदन में यह शामिल करते हैं।

31
00:02:24,750 --> 00:02:37,020
तो मैं क्या करूँगा अभी इस पर यहाँ एक ही निर्देशिका जहां मैं अपने बुनियादी अध्ययन दल बाहर में खींचें जाता है और मैं भी बूटस्ट्रैप मिनट के इस एक के स्थान पर पुनर्मूल्यांकन कर सकता है।

32
00:02:37,020 --> 00:02:38,520
यह वास्तव में कोई फर्क नहीं पड़ता।

33
00:02:38,550 --> 00:02:47,570
तकनीकी तौर पर यह एक छोटे से तेजी से लोड आप इसे एक विशाल लाइन के रूप में सभी खाली स्थान को हटा दिया गया है देख सकते हैं अगर मैं इसे खोलने क्योंकि।

34
00:02:47,850 --> 00:02:55,450
तो इसे लोड करने के लिए आसान है, लेकिन मैं यह अब संस्करण का उपयोग करने के लिए सिर्फ इतना है कि आप देख सकते हैं कि क्या वास्तव में हम साथ काम कर रहे हैं जा रहा हूँ।

35
00:02:55,470 --> 00:03:03,120
अब हम यहाँ मैं यह नीचे बंद कर देंगे हमारी वास्तविक फ़ाइल में जाने के लिए जा रहे हैं और हम बूटस्ट्रैप CSX शामिल करने के लिए जा रहे हैं।

36
00:03:03,220 --> 00:03:16,310
तो बस किसी भी अन्य स्टाइल शीट की तरह हम एक लिंक टैग की जरूरत है और Tref बूटस्ट्रैप डॉट सी एस एस है और अगर हम बचा है और हम नए सिरे से हमारे यहाँ पेज हैं आप एक मामूली अंतर नोटिस देंगे।

37
00:03:16,320 --> 00:03:18,140
इस एच-1 पर फ़ॉन्ट देखो।

38
00:03:18,420 --> 00:03:19,590
यह बदलता है।

39
00:03:19,620 --> 00:03:25,500
अब हम बूटस्ट्रैप स्थापित किया है या कम से कम सी एस एस कि बूटस्ट्रैप के साथ साथ चला जाता है और वह सब हम अब के लिए की जरूरत है।

40
00:03:25,650 --> 00:03:35,310
हम जावास्क्रिप्ट के साथ काम नहीं होगा बस अभी तक वहाँ बूटस्ट्रैप स्थापित है कि वे वास्तव में यहीं जाओ बूटस्ट्रैप वेब साइट पर आप को देने के लिए एक और विकल्प नहीं है।

41
00:03:35,400 --> 00:03:40,750
समन्वय बूटस्ट्रैप हम सही यहाँ इस लिंक पर लेने के लिए और हमारे कोड है कि जोड़ सकते हैं।

42
00:03:41,010 --> 00:03:44,870
और यह है कि एक ही फाइल का एक संस्करण की मेजबानी करने के लिए एक कड़ी है।

43
00:03:45,120 --> 00:03:56,900
तो अगर हम खोलने कि ब्राउज़र में और पेस्ट करें कि आप देख सकते में इसे कम से कम फाइल की सामग्री है और इसलिए हम सिर्फ तुम r एल तो मैं उस जगह ले सकता है कि करने के लिए एक कड़ी हो सकता है यह इस यू आर एल पर की मेजबानी की है।

44
00:03:56,970 --> 00:03:57,540
एक और कड़ी है।

45
00:03:57,540 --> 00:04:01,530
टैग और पेस्ट करें कि आप कर रहे हैं एलेन और मैं इस एक बाहर टिप्पणी करेंगे।

46
00:04:01,530 --> 00:04:04,230
अभी के लिए और वापस जाने के लिए और ताज़ा करें।

47
00:04:04,380 --> 00:04:06,020
और कुछ भी नहीं बदलता है।

48
00:04:06,030 --> 00:04:16,650
फर्क सिर्फ इतना है पहले मामले में हम अपने कंप्यूटर कि करने के लिए और दूसरा मामला है कि हम उस लाइन पर की मेजबानी की एक बाहरी फ़ाइल के लिए लिंक कर रहे हैं में जोड़ने रहे थे पर डाउनलोड की गई फ़ाइल था कि है।

49
00:04:16,650 --> 00:04:20,750
अब बूटस्ट्रैप डॉक्स में जाने के लिए और आसपास या इन घटकों में से कुछ खेल शुरू करते हैं।

50
00:04:21,240 --> 00:04:29,150
तो बूटस्ट्रैप पाने के लिए वापस जाने के लिए और के सी एस एस पर क्लिक करते हैं और मैं सिर्फ अधिक महत्वपूर्ण है कि हम टुकड़े का उपयोग होगा के कुछ बाहर बात करने जा रहा हूँ।

51
00:04:29,400 --> 00:04:31,940
तो चलो बटन के साथ सरल शुरू करते हैं।

52
00:04:32,460 --> 00:04:49,220
हम एक बटन हम सभी को करना है कि बटन के एक प्रकार डिफ़ॉल्ट के बीच है कि एक के द्वारा पीछा पीटा क्लास का उपयोग किया जाता है जो हमें एक सफेद बटन दे देंगे प्रयोग करना चाहते हैं लेकिन वह भी VTAM प्राथमिक जानकारी BATNA पहुँच है तो।

53
00:04:49,260 --> 00:04:54,080
चेतावनी खतरे और लिंक और वे सब थोड़ा अलग स्टाइल रहे हैं।

54
00:04:54,240 --> 00:05:02,500
और निश्चित रूप से हम अपने दम पर इन रंगों को बदल सकते हैं, लेकिन हम बस का उपयोग करने के लिए एक बार में बनाया शुरू करने के लिए और एस वह भी यहाँ देख सकते हैं जा रहे हैं।

55
00:05:02,700 --> 00:05:08,600
हम केवल एक बटन तत्व का उपयोग करने के लिए हम एक लंगर टैग एक बटन या एक इनपुट का उपयोग कर सकते हैं नहीं है।

56
00:05:08,820 --> 00:05:10,720
तो चलो कि बाहर की कोशिश करते हैं।

57
00:05:11,730 --> 00:05:13,030
हैलो इस एच-1।

58
00:05:13,230 --> 00:05:25,860
बस एक बटन टैग में जोड़ सकते हैं और इस बटन को क्लिक करें और टैग बस मुझे बस अभी पृष्ठ ताज़ा और उस पर एक नज़र रखना कहते हैं।

59
00:05:25,950 --> 00:05:27,310
यह बहुत बदसूरत बटन है।

60
00:05:27,690 --> 00:05:39,200
लेकिन हम जाने के लिए अगर और उस वर्ग PTEN जोड़ सकते हैं और तब के बीच की सफलता करते हैं और बचाने के लिए अब हम इस भयानक हरे बटन मिलता है।

61
00:05:39,330 --> 00:05:41,870
इतनी सुंदर कुछ बुनियादी शैलियों जा पाने के लिए आसान नहीं है।

62
00:05:42,190 --> 00:05:50,110
और चलो वापस जाना है और मैं आप बटन कि अलग अलग आकार है कि हम साथ ही साथ उपयोग कर सकते हैं के बारे में कुछ अन्य चीजों को दिखाता हूँ और यह वास्तव में आसान है।

63
00:05:50,130 --> 00:06:00,500
हम सिर्फ या तो बटन बड़े और छोटे या बटन अतिरिक्त छोटे तो यह बटन सफलता के बाद बाहर की कोशिश की है में जोड़ने की जरूरत है और यह इसके बाद जाने की जरूरत नहीं है।

64
00:06:00,510 --> 00:06:09,740
कक्षाओं के आदेश में कोई फर्क नहीं है, लेकिन मैं यहाँ के बाद DTN यह करूँगा और के अतिरिक्त छोटे करते हैं और अपने पेज को ताज़ा करते हैं।

65
00:06:09,750 --> 00:06:11,170
हम वहाँ चलें।

66
00:06:11,170 --> 00:06:30,480
अब मैं इस पर कदम होगा और चलो कुछ अधिक बटन में जोड़ दें, लेकिन यह एक एक लंगर टैग हो जाएगा और यह एक टैग में होगा या हम एचएफ डीपी पेट के स्लेश स्लेश कि हर दिन पढ़ने बूटस्ट्रैप डॉट कॉम और फिर पाने के लिए बराबर होती है पाठ अभी बूटस्ट्रैप डॉक्स कहेंगे।

67
00:06:30,550 --> 00:06:47,330
इसलिए यह एक छोटा सा बड़ा बना और फिर कक्षा में कक्षा में जोड़ देगा PTEN के बराबर करने की जरूरत है और की Desch जानकारी के बीच करते हैं और यह बड़ी PTEN पानी का छींटा Elgie बनाने के लिए और ताज़ा होगी।

68
00:06:47,340 --> 00:06:48,690
अब हम दो बटन है।

69
00:06:48,750 --> 00:06:50,620
एक एक वास्तविक बटन तत्व है।

70
00:06:50,620 --> 00:06:55,210
एक और एक एक लंगर टैग है और अगर मैं इस पर क्लिक करें आप एक लंगर टैग के रूप में इसे देख सकते हैं।

71
00:06:56,340 --> 00:07:01,200
तो पहले से ही बूटस्ट्रैप उपयोग करने के पहले मिनट में हम सभ्य लग बटन प्राप्त करने में सक्षम हो गया है।

72
00:07:01,370 --> 00:07:05,330
इसे दोहराने के लिए अपने दम पर CSSA के 10 से 15 लाइनों ले लिया जाएगा।

73
00:07:05,760 --> 00:07:06,960
चलो अब वापस जाओ।

74
00:07:06,990 --> 00:07:10,980
इस फुलस्क्रीन फिर से बनाने के लिए और मैं आप बटन के बारे में कुछ अन्य चीजों को दिखाता हूँ।

75
00:07:11,220 --> 00:07:12,720
इसलिए हम आकार है।

76
00:07:12,750 --> 00:07:21,080
हम भी अलग राज्यों में जहां हम एक बटन के रूप में प्रकट करता है, तो यह सक्रिय है बना सकते हैं और है कि हम सिर्फ सक्रिय वर्ग को जोड़ने के लिए क्या करना होगा।

77
00:07:21,390 --> 00:07:43,590
तो अगर हम कोशिश करते हैं कि अब की जोड़ देना एक कुछ बटन तो मैं वर्ग के बीच सक्रिय एक पर हमारे छोटे लघु मुझे क्लिक करें बटन तीन बार और पिछले एक पर नकली और ताज़ा करने के लिए जा रहा हूँ और उम्मीद है कि आप देख सकते हैं कि ऊपर से पता चलता अच्छी तरह से स्क्रीन पर पर्याप्त इस एक सक्रिय प्रतीत होता है कि डाली।

78
00:07:43,620 --> 00:07:49,290
वापस चलते हैं और हम भी इस विशेषता में जोड़कर एक बटन को निष्क्रिय कर सकते हैं।

79
00:07:49,290 --> 00:07:51,850
विकलांगों के लिए विकलांग के बराबर होती है।

80
00:07:52,440 --> 00:07:57,950
चलो वापस जाना और के अंतिम एक ताज़ा को निष्क्रिय करते हैं।

81
00:07:58,180 --> 00:08:00,020
और अब इस बटन को अक्षम है।

82
00:08:00,120 --> 00:08:01,940
हम जानते हैं कि अच्छा सा आइकन मिलता है।

83
00:08:02,070 --> 00:08:05,110
यह एक हॉवर प्रभाव जहां यह रंग बदलता है किसी भी अधिक नहीं है।

84
00:08:05,220 --> 00:08:07,460
यह स्पष्ट रूप से एक विकलांग बटन है।

85
00:08:07,560 --> 00:08:18,630
महान अंतिम बात मैं आपको तो हम फिर से इतना बटन खतरे रात हमें उस लाल नारंगी देता है रंग बदल सकते हैं दिखाता हूँ और तुम यहाँ सभी रंग देख सकते हैं।

86
00:08:18,870 --> 00:08:25,850
और हां आप शैलियों overwriting द्वारा उन ताकि आप ऐसा कुछ कर के बजाय एक और स्टाइल शीट बना सकता है बदल सकता है।

87
00:08:25,860 --> 00:08:27,270
मैं सिर्फ यह अब यहाँ के लिए क्या करेंगे।

88
00:08:27,330 --> 00:08:32,330
इसलिए हम सिर्फ एक लाइन में क्या करने जा रहे हैं और यह भी सुंदरता और खतरे की तरह।

89
00:08:32,460 --> 00:08:51,550
हम नारंगी होना करने के लिए रंग बदलने के लिए और अब कर सकते हैं टेक्सास नारंगी खतरे में हो सकता है और अगर मैं वास्तव में पृष्ठभूमि मैं कर सकता बदलना चाहते थे पृष्ठभूमि नारंगी है और लगता है कि कैसे आप में जाओ और शैलियों को ओवरराइड इसलिए आप नहीं कर सकते हैं क्या उपयोग बूटस्ट्रैप आप बॉक्स से बाहर देता है।

90
00:08:52,200 --> 00:08:53,580
और सबसे अधिक स्थानों में नहीं है।

91
00:08:54,030 --> 00:08:56,940
ठीक है, ताकि बटन है और यह सब मैं इस वीडियो में क्या करने जा रहा हूँ।

92
00:08:56,940 --> 00:09:00,300
मैं तो बस आप कैसे बूटस्ट्रैप काम करता है की एक बहुत जल्दी स्वाद देना चाहता था।

93
00:09:00,300 --> 00:09:13,540
मौजूदा तत्वों और उन वर्गों के लिए वर्गों को जोड़ने का यह पैटर्न है कि बूटस्ट्रैप अगले वीडियो में उस CSSA फ़ाइल मैं अन्य महत्वपूर्ण टुकड़े कि रूपों और आदानों सहित बूटस्ट्रैप के साथ आने के कुछ उजागर करने के लिए जा रहा हूँ में परिभाषित कर रहे हैं।