मैं बूटस्ट्रैप में नेविगेशन बार कैसे जोड़ूं?
मैं बूटस्ट्रैप में नेविगेशन बार कैसे जोड़ूं?

वीडियो: मैं बूटस्ट्रैप में नेविगेशन बार कैसे जोड़ूं?

वीडियो: मैं बूटस्ट्रैप में नेविगेशन बार कैसे जोड़ूं?
वीडियो: How to create a Responsive navbar in Bootstrap 2024, मई
Anonim

प्रति सर्जन करना एक बंधनेवाला नेविगेशन पट्टी , वर्ग के साथ एक बटन का प्रयोग करें = " नेवबार -toggler", data-toggle="collapse" और data-target="#thetarget" । फिर रैप करें नेवबार सामग्री (लिंक, आदि) वर्ग के साथ एक div तत्व के अंदर = "पतन नेवबार -collapse", उसके बाद एक आईडी जो बटन के डेटा-लक्ष्य से मेल खाती है: "thetarget"।

नतीजतन, नेविगेशन बार कहाँ है?

एक वेबसाइट नेविगेशन पट्टी आमतौर पर प्रत्येक पृष्ठ के शीर्ष पर लिंक की क्षैतिज सूची के रूप में प्रदर्शित किया जाता है। यह हेडर या लोगो के नीचे हो सकता है, लेकिन इसे हमेशा पेज की मुख्य सामग्री से पहले रखा जाता है। कुछ मामलों में, इसे रखने का अर्थ हो सकता है नेविगेशन पट्टी लंबवत रूप से प्रत्येक पृष्ठ के बाईं ओर।

ऊपर के अलावा, मुझे बूटस्ट्रैप का उपयोग क्यों करना चाहिए? बूटस्ट्रैप उत्तरदायी वेबसाइट बनाने के लिए एक बढ़िया विकल्प है। महान द्रव ग्रिड प्रणाली और उत्तरदायी उपयोगिता वर्गों के साथ एक उत्तरदायी वेबसाइट बनाना एक आसान और आसान काम है। अभी बूटस्ट्रैप पहले मोबाइल है।

यह भी पूछा गया, मैं बूटस्ट्रैप शैलियों को कैसे ओवरराइड करूं?

का सबसे अच्छा और आसान तरीका ओवरराइडिंग बूटस्ट्रैप या कोई अन्य सीएसएस यह सुनिश्चित करने के लिए है कि आपकी सीएसएस फ़ाइल इसके बाद शामिल है बूटस्ट्रैप css शीर्षलेख में फ़ाइल। अब अगर आप चाहते हैं अवहेलना एक विशेष वर्ग तो बस अपने से सीएसएस की प्रतिलिपि बनाएँ बूटस्ट्रैप css फ़ाइल और इसे अपनी css फ़ाइल में पेस्ट करें और फिर आवश्यक परिवर्तन करें।

मैं बूटस्ट्रैप कैसे स्थापित करूं?

  1. चरण 1: सेटअप और अवलोकन। एक HTML पेज बनाएं। सीडीएन के माध्यम से बूटस्ट्रैप लोड करें या इसे स्थानीय रूप से होस्ट करें। jQuery शामिल करें। बूटस्ट्रैप जावास्क्रिप्ट लोड करें। यह सब एक साथ डालें।
  2. चरण 2: अपना लैंडिंग पृष्ठ डिज़ाइन करें। एक नेविगेशन बार जोड़ें। कस्टम सीएसएस शामिल करें। एक पृष्ठ सामग्री कंटेनर बनाएँ। पृष्ठभूमि छवि और कस्टम जावास्क्रिप्ट जोड़ें। एक ओवरले जोड़ें।

सिफारिश की: