SNDP BAG 4 YOU
কম্পিউটার প্রোগ্রামিং শিখুন

 

Bootstrap Nav

উপরের মত Nav তৈরি করার জন্য নিচের বুটস্ট্র্যাপ ক্লাস গুলো অনুস্মরণ করুন ।

.nav - <i> ট্যাগের লেখা গুলোকে সমান্তরাল দেখানোর জন্য এই ক্লাস ব্যবহার করা হয় <ul> ট্যাগের মধ্যে ।

.nav item .nav-link - এই দুটি ক্লাসএর কাজ একটি লেখা থেকে আর একটি লেখার দূরত্ব দেওয়া ।

.active - এই ক্লাসএর কাজ কোন আইটেম বা লেখাকে অ্যাক্টিভ দেখানো ।

.disabled - এই ক্লাসএর কাজ কোন আইটেম বা লেখাকে ডিঅ্যাক্টিভ দেখানো অর্থাৎ কেউ এই আইটেমে ক্লিক করলে কাজ হবে না ।

.bg-dark - ব্যাকগ্রাউন্ড রংএর জন্য এই ক্লাস টি ব্যবহার করা হয়েছে ।


.justify-content-center - Nav আইটেম গুলো মাঝখানে দেখানোর জন্য এই ক্লাসটি ব্যবহার করা হয় <ul> ট্যাগের মধ্যে ।


.justify-content-end - Nav আইটেম গুলো ডানদিকে দেখানোর জন্য এই ক্লাসটি ব্যবহার করা হয় <ul> ট্যাগের মধ্যে ।


.dropdown - যে লিস্ট তৈরি হবে সেটি নিচের দিকে দেখাবে এর জন্য এই ক্লাসটি ব্যবহার করা হয় ।

.dropdown-toggle - বাটনে এই রকম আইকন নিয়ে আসার জন্য এই ক্লাসটি ব্যবহার করা হয় । বাটন ক্লাসএর ভিতরে লিখতে হয় ।

data-toggle="dropdown" - এই attributes ব্যবহার করা হয় যখন বাটনে কেউ ক্লিক করবে তখনি লিস্ট টি নিজে থেকে খুলে যাবে । বাটন ট্যাগএর ভিতরে লিখতে হয় ।

.dropdown-menu - এই ক্লাসটি ব্যবহার করা হয় লিস্টটি লুকিয়ে (hide)রাখার জন্য । এই ক্লাস টি একটি div এর ভিতরে ব্যবহার করা হয় ।

dropdown-item - এই ক্লাসটি ব্যবহার করা হয় লেখা (text) গুলো নিচে নিচে দেখানো জন্য । লিস্ট ট্যাগ এর ক্লাসে লিখতে হয় ।


 

.flex-column - Nav আইটেম গুলো নিচে নিচে দেখানোর জন্য এই ক্লাসটি ব্যবহার করা হয় <ul> ট্যাগের মধ্যে ।



.nav-tabs - Tab এর মত সুন্দর এফেক্ট দেখানোর জন্য এই ক্লাসটি ব্যবহার করা হয় <ul> ট্যাগের মধ্যে ।


.nav-tabs - Tab এর মত সুন্দর এফেক্ট দেখানোর জন্য এই ক্লাসটি ব্যবহার করা হয় <ul> ট্যাগের মধ্যে ।


Dropdown মেনু সম্পর্কে বিস্তারিত জানার জন্য এই লিঙ্কে ক্লিক করুন
photo
Learn bootstrap with the mind
Best of Luck