আমি কিভাবে বুটস্ট্র্যাপে একটি নেভিগেশন বার যোগ করব?
আমি কিভাবে বুটস্ট্র্যাপে একটি নেভিগেশন বার যোগ করব?

ভিডিও: আমি কিভাবে বুটস্ট্র্যাপে একটি নেভিগেশন বার যোগ করব?

ভিডিও: আমি কিভাবে বুটস্ট্র্যাপে একটি নেভিগেশন বার যোগ করব?
ভিডিও: Navbar বুটস্ট্র্যাপ 5 | বুটস্ট্র্যাপ নববার টিউটোরিয়াল 2024, মে
Anonim

প্রতি সৃষ্টি একটি কলাপসিবল ন্যাভিগেশন বার , class=" এর সাথে একটি বোতাম ব্যবহার করুন নববার -toggler", data-toggle="collapse" এবং data-target="#thetarget"। তারপর মোড়ানো নববার class="collapse সহ একটি div উপাদানের ভিতরে সামগ্রী (লিঙ্ক, ইত্যাদি) নববার -কলাপ্স", একটি আইডি অনুসরণ করে যা বোতামের ডেটা-টার্গেটের সাথে মেলে: "thetarget"।

ফলস্বরূপ, নেভিগেশন বার কোথায়?

একটি ওয়েবসাইট ন্যাভিগেশন বার সাধারণত প্রতিটি পৃষ্ঠার শীর্ষে লিঙ্কগুলির অনুভূমিক তালিকা হিসাবে প্রদর্শিত হয়। এটি শিরোনাম বা লোগোর নীচে থাকতে পারে, তবে এটি সর্বদা পৃষ্ঠার মূল বিষয়বস্তুর আগে স্থাপন করা হয়। কিছু ক্ষেত্রে, এটি স্থাপন করার অর্থ হতে পারে ন্যাভিগেশন বার প্রতিটি পৃষ্ঠার বাম দিকে উল্লম্বভাবে।

উপরের পাশে, কেন আমি বুটস্ট্র্যাপ ব্যবহার করব? বুটস্ট্র্যাপ একটি প্রতিক্রিয়াশীল ওয়েবসাইট তৈরির জন্য একটি দুর্দান্ত পছন্দ। দুর্দান্ত তরল গ্রিড সিস্টেম এবং প্রতিক্রিয়াশীল ইউটিলিটি ক্লাসের সাথে একটি প্রতিক্রিয়াশীল ওয়েবসাইট তৈরি করা একটি মসৃণ এবং সহজ কাজ। এখন বুটস্ট্র্যাপ প্রথমে মোবাইল হয়।

এছাড়াও জিজ্ঞাসা করা হয়েছে, কিভাবে আমি বুটস্ট্র্যাপ শৈলী ওভাররাইড করব?

এর সেরা এবং সহজ উপায় ওভাররাইডিং বুটস্ট্র্যাপ অথবা অন্য কোনো সিএসএস হল নিশ্চিত করার জন্য যে আপনার সিএসএস ফাইলের পরে অন্তর্ভুক্ত করা হয়েছে বুটস্ট্র্যাপ হেডারে css ফাইল। এখন আপনি যদি চান অগ্রাহ্য করা একটি নির্দিষ্ট ক্লাস তারপর শুধু আপনার থেকে css অনুলিপি বুটস্ট্র্যাপ css ফাইল এবং আপনার css ফাইলে পেস্ট করুন তারপর প্রয়োজনীয় পরিবর্তন করুন।

আমি কিভাবে বুটস্ট্র্যাপ সেট আপ করব?

  1. ধাপ 1: সেটআপ এবং ওভারভিউ। একটি HTML পৃষ্ঠা তৈরি করুন। CDN এর মাধ্যমে বুটস্ট্র্যাপ লোড করুন বা স্থানীয়ভাবে হোস্ট করুন। jQuery অন্তর্ভুক্ত করুন। বুটস্ট্র্যাপ জাভাস্ক্রিপ্ট লোড করুন। সব একসাথে রাখুন।
  2. ধাপ 2: আপনার ল্যান্ডিং পৃষ্ঠা ডিজাইন করুন। একটি নেভিগেশন বার যোগ করুন। কাস্টম CSS অন্তর্ভুক্ত করুন। একটি পৃষ্ঠা বিষয়বস্তু ধারক তৈরি করুন. ব্যাকগ্রাউন্ড ইমেজ এবং কাস্টম জাভাস্ক্রিপ্ট যোগ করুন। একটি ওভারলে যোগ করুন।

প্রস্তাবিত: