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


Bootstrap Button Group

.btn-group - অনেক গুলো বাটনকে একসঙ্গে গ্রুপ তৈরি করা হয় এই ক্লাস এর দ্বারা । একটি মূল div ট্যাগের ভিতের ক্লাস হিসাবে লিখতে হয় ।

.btn btn-warning - বাটন ও বাটন এর ব্যাকগ্রাউন্ড রং নিয়ে আসার জন্য এই ক্লাস ব্যবহার করা হয় ।

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




Large Button Group



.btn-group-lg - বাটন এর গ্রুপকে সাধারণ এর তুলনায় একটু বড় দেখানোর জন্য এই ক্লাস ব্যবহার করা হয় ।




small Button Group


.btn-group-sm - বাটন এর গ্রুপকে সাধারণ এর তুলনায় একটু ছোট দেখানোর জন্য এই ক্লাস ব্যবহার করা হয় ।




Dropdown Button Group



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

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

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

.btn btn-warning- বাটন ও বাটন এর রং নিয়ে আসার জন্য এই ক্লাসটি ব্যবহার করা হয় । বাটন ক্লাসএর ভিতরে লিখতে হয় ।

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

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

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




Vertical Group Button

.btn-group-vertical - বাটন এর গ্রুপকে নিচে নিচে অর্থাৎ vertical দেখানোর জন্য এই ক্লাস ব্যবহার করা হয় ।




Border Radius Vertical Dropdown Group Button


style="border-radius:20px;" - এটি কোন bootstrap এর ক্লাস নয় । এটি সিএসএস এর স্টেটমেন্ট বর্ডার বা বাটন এর চারটি কোণ মূরসিন করার জন্য ব্যবহার করা হয়েছে ।

btn-outline-warning - এই ক্লাসটি ব্যবহার করা হয়েছে বাটন এর বর্ডার জন্য ।

Bootstrap Button Toolbar

1 2 3 4 5 6 7 8

.btn-toolbar - এই ক্লাস এর মাধ্যমে বাটনকে পেজ নাম্বার এর মত তৈরি করা যায় ।