বুটস্ট্রাপ সিএসএস এইচটিএমএল জাভাস্ক্রিপ্ট জেকুয়েরি পিএইচপি এসকিউএল এঙ্গুলার জেএস
ফোরাম
×

বুটস্ট্রাপ টিউটোরিয়াল

হোম-Home শুরু করুন-Get Started গ্রীড বেসিক-Grid Basic

সিএসএস কম্পোনেন্ট

টাইপোগ্রাফী-Typography টেবিল-Table ইমেজ-Image জামবোর্টন-Jumbotron বুটস্ট্রাপ Well এলার্ট-Alert বাটন-Button বাটন গ্রুপ-Button Group গ্লিফআইকন-Glypicon ব্যাজ/লেভেল-Badge/Label প্রোগ্রেস বার-Progress Bar পেজিনেশন-Pagination পেজার-Pager লিস্ট গ্রুপ-List Group প্যানেল-Panel ফরম-Form ইনপুট-Input ইনপুট(২)-Input(2) ইনপুটের আকার-Input Sizing সাহায্যকারী-Helper

JS কম্পোনেন্ট

ড্রপডাউন-Dropdown কলাপ্স-Collapse ট্যাব/পিল-Tab/Pill ন্যাভবার-Navbar ক্যারোসেল-Carousel মোডাল-Modal টুলটিপ-Tooltip পপওভার-Popover স্ক্রলস্পাই-Scrollspy এফিক্স-Affix

বুটস্ট্রাপ গ্রীড সিস্টেম

গ্রীড সিস্টেম-Grid System বুটস্ট্রাপ Stacked/Horizontal গ্রীড ছোট-Grid Small গ্রীড মিডিয়াম-Grid Medium গ্রীড বড়-Grid Large গ্রীড উদাহরণ-Grid Example

বুটস্ট্রাপ রেফারেন্স

ড্রপডাউন-Dropdown কলাপ্স-Collapse ট্যাব-Tab বাটন-Button ক্যারোসেল-Carousel মোডাল-Modal স্ক্রলস্পাই-Scrollspy এফিক্স-Affix

 

বুটস্ট্রাপ সিএসএস বাটন রেফারেন্স


বাটন কালার


বাটন সাইজ


এক্টিভ/ডিজেবল বাটন


ব্লক-লেবেল বাটন


বাটন ক্লাস সমূহ

নিচের ক্লাসগুলো যেকোন <a>, <button>, অথবা <input> এলিমেন্টে ব্যবহার করা যায়ঃ

ক্লাস বর্ণনা উদাহরণ
.btn যেকোন বাটনে বেসিক স্টাইল করার জন্য ব্যবহার করা হয় নিজে চেষ্টা করি
.btn-default ডিফল্ট/স্ট্যান্ডার্ড বাটন তৈরি করে নিজে চেষ্টা করি
.btn-primary প্রাইমারি একশন নির্দেশ করে নিজে চেষ্টা করি
.btn-success একটি সফল বা হ্যাঁ-বোধক কাজকে নির্দেশ করে নিজে চেষ্টা করি
.btn-info তথ্য সরবরাহকৃত ম্যাসেজ দেখানোর জন্য ব্যবহার করা হয় নিজে চেষ্টা করি
.btn-warning বিপদজনক কিছু হতে পারে বুঝায় নিজে চেষ্টা করি
.btn-danger বিপদজনক অথবা না-বোধক কিছু বুঝায় নিজে চেষ্টা করি
.btn-link একটি বাটনকে লিঙ্কের মত দেখাবে (বাটনের মতই আচরন করবে) নিজে চেষ্টা করি
.btn-lg বড় আকৃতির বাটন তৈরি করে নিজে চেষ্টা করি
.btn-sm ছোট আকৃতির বাটন তৈরি করে নিজে চেষ্টা করি
.btn-xs অতিরিক্ত ছোট আকৃতির বাটন তৈরি করে নিজে চেষ্টা করি
.btn-block একটি ব্লক-লেবেল বাটন তৈরি করে (প্যারেন্ট এলিমেন্টের সম্পূর্ন প্রস্থ নিয়ে নেয়) নিজে চেষ্টা করি
.active বাটনটি প্রেস করা আছে এমন দেখাবে নিজে চেষ্টা করি
.disabled বাটনকে ডিজেবল করে রাখবে নিজে চেষ্টা করি