इस वीडियो हम शिविर के स्टाइल जारी रखने के लिए जा रहे हैं।
हम हर एक पेज के लिए एक नव पट्टी को जोड़ने के लिए जा रहे हैं और कहा कि नव पट्टी के लिए अब बहुत खाली हो जाएगा।
लेकिन अंत में यह में प्रवेश की तरह बटन है और साइन आउट कि कार्यक्षमता के सभी रजिस्टर करेंगे।
लेकिन तब तक हम सिर्फ वहाँ में कुछ प्लेसहोल्डर पाठ डाल देता हूँ और फिर हम भी नए कैम्प का ग्राउंड फार्म शैली के लिए है क्योंकि अभी यह सुंदर किसी न किसी रूप में है जा रहे हैं।
तो चलो सर्वर को शुरू करने और सिर्फ हम क्या है पर एक नजर डालते हैं।
तो यहाँ हमारे लैंडिंग पृष्ठ है।
यहाँ हमारे विचार सभी शिविर कैंप सूची बदल रहा है।
यह बहुत ठीक लग रही है।
हम यहाँ एक नव पट्टी को चाहते हैं।
नई कैम्प का ग्राउंड जोड़ने पर एक ही बात।
हम फार्म केंद्र के लिए जा रहे हैं और हम एक के शीर्ष पर इन दो आदानों ढेर करने के लिए जा रहे हैं एक और बजाय उन्हें कंधे से कंधा मिलाकर हो रही है।
लेकिन हम नव पट्टी के साथ शुरू और चलो बस कैम्प का ग्राउंड टेम्पलेट पर यह काम करने देने के लिए जा रहे हैं।
इसलिए हम यहाँ वापस जाने के लिए और खोलने के कैंप आरंभ करने के लिए टेम्पलेट करेंगे।
मैं हर समय इस खंड पर बूटस्ट्रैप बॉक्स को खोलने के लिए जा रहा हूँ और मैं घटकों और फिर नव पट्टी पर जाने के लिए जा रहा हूँ और मैं अपने आप को क्योंकि भले ही बूटस्ट्रैप यह वास्तव में आसान नव पट्टी को जोड़ने के लिए आप अभी भी देख सकते हैं बनाता है यह काफी मार्कअप का एक सा है और हमारा लंबे निश्चित रूप से यह हो नहीं होगा कम से कम शुरू करने के लिए हम न छोड़ चढ़ाव में सभी बटन है जब नहीं है।
हम अच्छा और सरल शुरू करने जा रहे हैं, लेकिन फिर भी यह अभी भी वर्गों है कि हमें याद करने की जरूरत है की एक बहुत कुछ है।
तो वहाँ निश्चित रूप से सिर्फ इस वर्ग में कुछ और आप चीजों को देख के बारे में शर्म महसूस नहीं करना चाहिए जैसे बूटस्ट्रैप Darcs ऊपर खींच में कोई शर्म नहीं है।
लेकिन विशेष रूप से बूटस्ट्रैप में यह कभी कभी सिर्फ इन वर्गों और तत्वों में से एक गड़बड़ हो सकता है और वहाँ डॉक्स को देख के बिना यह करने के लिए कोई रास्ता नहीं है।
ठीक है तो हम वापस जाना होगा और मैं अपने कैंप टेम्पलेट के शीर्ष पर कुछ कमरे बना देंगे और हम एक नव परिभाषित करने से शुरू करने के लिए जा रहे हैं। जो फिर से सिर्फ हैडर पसंद है।
हम सिर्फ एक div लेकिन एक नव कर सकता है। थोड़ा और अधिक सार्थक है।
यह अधिक अर्थ है।
तो मैं कक्षा नव पट्टी और उसके बाद नव पट्टी पानी का छींटा डिफ़ॉल्ट के साथ एक नव क्या करने जा रहा हूँ।
इसमें विभिन्न प्रकार के और अलग अलग रंग हैं या हम एक औंधा नव पट्टी हो सकता है, लेकिन हम सिर्फ डिफ़ॉल्ट एक के साथ जाने के लिए जा रहे हैं।
और फिर अंदर कंटेनर तरल पदार्थ के बराबर वर्ग के साथ एक div जोड़ने के लिए जा रहे हैं और कहा कि अभी हमें वहाँ में अच्छा padding और कुछ जगह बनाना होगा और फिर हम के अंदर नव पट्टी शीर्षक के बराबर है और वर्ग के साथ एक और div में जोड़ने के लिए जा रहे हैं तो कक्षा के बराबर है कि हमारे हैडर हम इस तरह एक अंत के लिए नव पट्टी पानी का छींटा के बराबर वर्ग के साथ एक लंगर टैग को जोड़ने के लिए जा रहे हैं।
और फिर हम कड़ी सिर्फ स्लेश होना करने के लिए सेट कर सकते हैं और फिर हम उस बंद करो और बस ऐसे ही yelper शिविर में जोड़ देंगे।
और देखते हैं क्या हम इस सरल मार्कअप के साथ मिलता है।
इसलिए हम नव पट्टी शीर्षक के साथ एक कंटेनर के अंदर और नव पट्टी शीर्षक के साथ हमारे एनएवी है केवल एक आइटम जो neph बार ब्रांड है।
ताज़ा करते हैं।
ठीक है तो हम नव पट्टी है और फिर हम यहाँ पर अपने ब्रांड है और यह है कि जब हम क्लिक करें यह हमें वापस घृणित लैंडिंग पृष्ठ पर ले जाएगा एक कड़ी है।
ठीक है तो खत्म हो चुका है यहां प्रवेश के लिए में कुछ प्लेसहोल्डर्स में जोड़ने और साइन अप करते हैं।
वे काम नहीं करेंगे या वे कुछ भी लेकिन हम अच्छे लग रहे हैं तो हम यह है कि अब हमारे शिविर के लिए खत्म हो जाना करते हैं काम नहीं चलेगा।
ई.जे. उसके बाद नव पट्टी और कंटेनर के अंदर नहीं बल्कि N.F. अंदर टेम्पलेट के रूप में Hetter बार।
हम एक और div में जोड़ने के लिए जा रहे हैं और इस पतन का एक वर्ग है जो कि क्या करता है देखेंगे होगा div।
और बस एक पल और फिर Neph बार Dasch पतन बस ऐसे ही।
और हम एक उल जोड़ने के लिए जा रहे हैं और इस उल नव पट्टी पानी का छींटा एनएवी का एक वर्ग है और फिर भी नव पट्टी पानी का छींटा सही है जो इसे दाहिने हाथ की तरफ करने के लिए कदम होगा और फिर अंदर की कि हम करने जा रहे हैं तो अंदर अब के लिए तीन लिंक किया है और हर एक को एक सहयोगी हो जाएगा।
और फिर उस सहयोगी के अंदर एक लंगर टैग किया है और में पहली बार एक लॉग दे देंगे।
और अब के लिए एच रेफरी सिर्फ हमारे मार्ग पथ पर सेट हो जाएगा, क्योंकि हम अभी तक किसी भी लॉग जरूरत नहीं है और हम रजिस्टर के लिए एक ही बात करूँगा।
चलो करते हैं साइन-अप और फिर भी बस ऐसे ही बाहर लॉग इन करें।
ठीक।
तो चलो देखते हैं कि इस तरह दिखता है।
इससे पहले कि हम और अगर हम ताज़ा क्या पतन करता है के बारे में बात करते हैं यह नहीं दिखता अच्छा है कि हम यहाँ वापस उल पर एक नाबालिग वर्ग याद किया।
जैसे हम अब तो हम सिर्फ जोड़ा नव पट्टी में जोड़ नहीं था लग रहा है।
अब मैं यह सही नहीं मिला है, लेकिन हम खुद एनएवी में जोड़ नहीं था तो हम अब बचा लेंगे ताज़ा होगी और हम एनएवी के सही पक्ष पर सभी तीन लिंक के साथ खत्म होती है और जब भी मैं यहाँ आकार बदल जाते हैं।
सूचना है कि यहीं वहीं गिर गया।
और अंत में हम क्या करेंगे एक छोटे हैमबर्गर आइकन है।
यह सिर्फ तुम कहाँ क्लिक ऐसा लग रहा है और यह मेनू है।
अभी के लिए हम सिर्फ उन्हें छिपाने जब हम उस आकार के लिए मिलता है।
ठीक।
तो यह है कि हम सभी के लिए तथ्य यह है कि यह इस एक पृष्ठ पर ही है के अलावा नव पट्टी के लिए क्या करने की जरूरत है।
तो अब के पृष्ठों के सभी के लिए यह जोड़ दें।
तो चलो इसे बाहर की नकल या इसे काट बाहर है और हम शीर्ष करने के लिए इसे स्थानांतरित करने के लिए जा रहे हैं।
तो सिर या आंशिक के लिए कदम।
मैं सिर्फ इतना है कि खोल देंगे।
आदेश पंक्ति का उपयोग C9 विचारों Parshall के स्लेश हैडर Ijaw हाँ स्लेश।
और फिर सिर्फ शरीर के ऊपर से ही हम में है कि जोड़ देंगे।
चलो इस ठीक से इंडेंट करते हैं।
ठीक वहाँ हम चले।
और हम हैडर ताकि किसी भी फ़ाइल है कि हम हैडर वसीयत में आंशिक शामिल अब नव पट्टी है, लेकिन सर्वर को फिर से शुरू करने पर हमारे नव पट्टी है।
तो यह है कि हम एक नए कैम्प का ग्राउंड हम यह भी है कि बार मिल जोड़ने के लिए अभी भी यहाँ है।
और अगर हम घर पृष्ठ पर जाने के हम भी पर्याप्त बार है।
महान।
तो अब इस फार्म थोड़ा बेहतर लग रही करने के लिए पर चलते हैं।
तो जैसा कि मैंने उल्लेख किया है कि पहले वहाँ दो बड़ी बातें मैं इस फार्म के लिए क्या करना चाहते हैं।
पहले एक पृष्ठ के मध्य में इसे केंद्र के लिए है और दूसरा एक तीन आदानों या दो आदानों और बटन स्क्रीन के पार क्षैतिज गठबंधन होने से फार्म के ढेर करने के लिए खड़ी बजाय है।
आप उन्हें ले जाना चाहते हैं और उन्हें एक के ऊपर एक खड़ी।
के सही फाइल जो नई डॉट है खोलने के द्वारा शुरू करते हैं।
हाँ।
तो हम क्या करेंगे C9 विचारों स्लेश जानता था कि हमें Ejay और फिर यहाँ हमारे फार्म हम अब तक किया है।
की आसान शुरू करते हैं और रूपों के लिए या आदानों के लिए बूटस्ट्रैप वर्गों में से कुछ में जोड़ सकते हैं और है कि फार्म पानी का छींटा नियंत्रण है।
और हम दोनों आदानों पर और बटन पर कि चाहते हैं।
बूटस्ट्रैप वर्ग PTEN ETN बस ऐसे ही बड़े में जोड़ दें।
और हम भी गलती करते हैं और बीच का ऐसा लग रहा है क्या देखते हैं।
तो नोड के बाद जे
हाँ ताज़ा करें।
ठीक है तो हम यहाँ बूटस्ट्रैप नियंत्रण और बूटस्ट्रैप बटन हो रही है, हालांकि यह निश्चित रूप से बहुत बड़ा है और हम चाहते हैं कि नहीं करना चाहती।
तो यह है कि वहाँ कुछ बातें हम क्या कर सकते है ठीक करने के लिए।
पहला यह है कि हम एक कंटेनर के अंदर सब कुछ डाल दिया जाएगा।
इसलिए हम div वर्ग में चला गया कंटेनर के बराबर होती है और मैं सिर्फ नीचे करने के लिए यह कदम होगा।
हम वहाँ जाते हैं और हम इस को ठीक से इंडेंट करते हैं।
बहुत ही मामूली परिवर्तन सहेजें।
अब हम कुछ रिक्ति हो, लेकिन है कि अभी भी एक बड़े पैमाने रूप है।
तो अगली बात मैं कोशिश करूँगा कि ग्रिड प्रणाली का उपयोग करें।
तो हम एक और div में जोड़ देंगे और इस एक बस ऐसे ही पंक्ति के बराबर वर्ग होगा।
चलो इस लेते हैं और यह पंक्ति में कॉपी करते हैं।
तो पूरे फार्म एक पंक्ति में अब चला जाता है।
और वह भी यह किया है।
ठीक अभी तक एक बड़ा अंतर नहीं ताज़ा बचाने के लिए।
और हम क्या करने जा रहे हैं CSSA का उपयोग करें और वास्तव में बूटस्ट्रैप के शीर्ष पर हमारी अपनी शैली के बारे में यह मार्जिन देकर इस केंद्र के लिए है।
ऑटो यह सब सही छोड़ दिया और सही पक्ष पर यहाँ।
और हम केवल इस कंटेनर कि क्या है के बारे में 30 प्रतिशत तक ले जाना चाहते थे।
तो हम किया है कि इससे पहले कि हम वापस जाना होगा और मैं तो वे आप पर जल्दी से कहा कहा इनलाइन शैलियों मत करो नियमों में से एक को तोड़ने के लिए जा रहा हूँ।
और कहा कि निश्चित रूप से एक अच्छा विचार है कि ऐसा नहीं करने के लिए है।
लेकिन अब के लिए जब तक हम एक नया संस्करण है, जहां हम अपने खुद के स्टाइल शीट मैं लाइन में यह करने के लिए जा रहा हूँ बनाने के लिए मिलता है।
तो मैं एक नया div है कि हम के अंदर फार्म डाला बनाने के लिए जा रहा हूँ।
बस असे ही।
और फिर मैं उस div शैली देने के लिए जा रहा हूँ और मैं आपके साथ कह कर शुरू करने के लिए जा रहा हूँ 30 प्रतिशत है।
और बस उस पर छोड़ दें और कोई देखते हैं कि हम एक छोटे फार्म मिलता है।
अब हम है कि केंद्र चाहते हैं।
तो हम यहाँ वापस जाओ।
ऊपर और नीचे और बाएँ और दाएँ पर ओटो पर मार्जिन शून्य कहो।
अब हम प्रपत्र केंद्रित है।
अगली बात यह है कि हम क्या करेंगे बटन पूरी चौड़ाई जो अभी भी बहुत लंबी है हाथ में ले कर है।
लेकिन हम क्या करेंगे यह DTN ब्लॉक जो एक यह एक खंड तत्व बनाने का बूटस्ट्रैप तरह से बनाया गया है दे रहा है।
और यह अब पूरी लाइन तक ले जाता है।
अगले है इन तत्वों के सभी के बीच कुछ रिक्ति है कि ऐसा करने दे।
हम फार्म समूह वर्ग में बनाया bootstraps इस्तेमाल करेंगे।
इसलिए हम एक div वर्ग ECOs प्रपत्र पानी का छींटा समूह की जरूरत है और हम चाहते हैं कि जरूरत के लिए प्रत्येक इनपुट के लिए जा रहे हैं।
इसलिए हर इनपुट बस ऐसे ही लोगों में से एक के अंदर चला जाता है और फिर मैं सिर्फ इस नकली और हम यहीं एक दूसरे से होगा और इस बात का अंदर जाना होगा करेंगे।
और फिर हम बटन के लिए एक अधिक है।
इसलिए हम शास्त्रीय रूप समूह तीन बार है और हम भी समापन div टैग की जरूरत है।
वहाँ हम ओह, वहाँ एक है जाना है और हम यहाँ अन्य समापन div टैग की जरूरत है।
ठीक।
तो यह है कि फार्म के समूह सिर्फ एक साथ चीजों जीआरपी।
लेकिन यह भी हमें अंतरिक्ष का एक छोटा सा देता है।
अब हम इस बटन को यहाँ है।
अगली बात यह है कि हम पर पाठ केंद्रित है और ध्यान केंद्रित कर सकता है कि हालांकि हमें क्या करना है यह क्या करने के लिए पाठ संरेखित केंद्र दे रहा है।
और फिर मैं क्या करने के लिए है कि लाइन में जा रहा हूँ।
नहीं लंबे समय में एक अच्छा विचार कम से कम लेकिन यह बस जल्दी से कुछ करने के लिए एक महान प्रयोग है।
शैली और हम पाठ संरेखित केंद्र से करेंगे।
अब बचा है कि बीच में केंद्रित।
अगली बात हमें क्या करना चाहिए इस बटन का रंग बदलने के लिए है।
व्हाइट बहुत अच्छी नहीं लग रही है।
चलो यह प्राथमिक बटन प्राथमिक जो यह नीले रंग की ताज़ा बचा कर देगा कर दूं।
हाँ है कि एक बहुत बेहतर लग रहा है।
के भी इस कड़ी के रूप में वापस अच्छी तरह से मध्य खत्म करने के लिए लिंक जाने के चलते हैं।
इसलिए हम सिर्फ इस कॉपी हूँ और हम सब करने की जरूरत है इस मार्जिन के अंदर डाल दिया है।
ऑटो div तो यह है कि इस यहाँ div सिर्फ इतना है कि और बचाने की तरह फार्म के बाद।
हम वहाँ चलें।
हम हमारे वापस जाओ और आखिरी बात यह है कि हम वास्तव में करना चाहिए, ताकि यह है कि ऐसा करने के लिए सही इस एच -1 के खिलाफ नहीं है padding या मार्जिन का एक छोटा सा जोड़ने है।
हम बस वापस जाना होगा और हम पहले से ही इस div है कि हम का चयन किया है।
तो बजाय शून्य margined हम सिर्फ यह 20 पिक्सल के एक मार्जिन शुरू करने के लिए दे सकते हैं।
चलो कि कैसे दिखता।
ठीक है कि एक छोटे से बेहतर लग रहा है।
50 की तरह अधिक कुछ करो।
और कहा कि थोड़ा सा भी ज्यादा हो सकता है।
निश्चित रूप से अपनी पसंद।
के वापस जाने और 25 से करते हैं।
ठीक है।
यही कारण है कि अब के लिए काफी अच्छा है।
के रूप में ज्यादा इस के साथ खेलने के रूप में आप चाहते हैं और आप आदानों व्यापक इस फार्म कर सकते हैं, तो आप उन्हें या संकरा चाहते लेकिन आप देख सकते हैं कि यह संवेदनशील इसे बीच में रहने और एक छोटे से थोड़ा नीचे हटना करने के लिए जा रहा है।
आखिरी बात है इस ट्रेडमार्क से छुटकारा मिलता है।
आप निश्चित रूप से है कि अब जरूरत नहीं है।
हमारे पाद के तल में तो हम पाद फाइल करने के लिए जाना होगा और मुझे धोखा देंगे।
बस अब के लिए ऐसा करते हैं और हम सिर्फ इतना है कि बचाने से छुटकारा मिल जाएगा।
अब हम अपने प्रपत्र बहुत बुरा हम शिविर की एक सूची प्राप्त हम काफी बार हम एक जोड़ सकते हैं वापस जा सकते हैं नहीं लगती है।
हम भी वापस जाने के लिए और लैंडिंग पृष्ठ जो अभी तक नहीं किया गया है देख सकते हैं।
यही कारण है कि एक शायद सबसे अधिक काम किया है और यह अन्य पृष्ठों की तुलना में बहुत अलग है कि यह एक बहुत अच्छे लग रहे हैं और एक बहुत अधिक कस्टम शैलियों होगा होने जा रहा है।
तो इसलिए मैं इसे बाद में जब तक की बचत कर रहा हूँ।
और फिर हम भी हमारे संख्या यहाँ हमारे डमी बटन है कि कुछ भी नहीं है के साथ है।