On This Page
Web Development -
Bootstrap3 -
বুটস্ট্রাপ৩ রেফারেন্স (Bootstrap3 Reference) |
NCTB BOOK
বুটস্ট্রাপ জেএস বাটন (button.js)
যদি আপনি বাটনের উপর আরো অধিক কন্ট্রোল পেতে চান তাহলে প্লাগ-ইন ব্যবহার করুন।
বাটন টিউটোরিয়ালের জন্য, আমাদের বুটস্ট্রাপ বাটন টিউটোরিয়ালটি পড়ুন।
বুটস্ট্রাপ বাটন প্লাগ-ইন ক্লাসসমূহ
নিচের ক্লাসগুলো যেকোন < 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 | বাটনকে disable করে দিবে। |
বুটস্ট্রাপ জাভাস্ক্রিপ্ট মাধ্যম
ম্যানুয়েললি যুক্ত করার জন্যঃ
kt_satt_skill_example_id=1307
বুটস্ট্রাপ বাটন মেথড
নিচের টেবিলের মধ্যে বাটন মেথডগুলো দেখানো হলোঃ
নোট: এই প্লাগ-ইনের ক্ষেত্রে মেথড data এট্রিবিউটের মাধ্যমে অতিক্রম করতে পারে।
| মেথড | বিবরণ | উদাহরণ |
|---|---|---|
.button("toggle") | বাটনটি চাপ দেয়া আছে এমন দেখায়। | উদাহরণ দেখুন |
.button("loading") | বাটনকে অক্ষম করে দেয় এবং বাটনের টেক্সটকে loading.. এ রুপান্তর করে। | উদাহরণ দেখুন |
.button("reset") | বাটনের টেক্সটকে মূল টেক্সটে রুপান্তর করে(যদি পরিবর্তিত হয়) | উদাহরণ দেখুন |
.button("string") | নতুন বাটন টেক্সট নির্দিষ্ট করে। | উদাহরণ দেখুন |
বাটন সংক্রান্ত আরো কিছু উদাহরণ
বাটনকে কাস্টমাইজ করতে সিএসএস ব্যবহার করুন।
কিভাবে রাউন্ড বর্ডার বাদ দিবেনঃ
kt_satt_skill_example_id=1308
কিভাবে বাটনে বিশেষ কালার যুক্ত করা যায়ঃ
kt_satt_skill_example_id=1309
কিভাবে বাটনে স্যাডো যুক্ত কয়া যায়ঃ
কিভাবে বাটনে বিশেষ কালার যুক্ত করা যায়ঃ
kt_satt_skill_example_id=1310
Content added || updated By
আরও দেখুন...
Download Our Mobile Apps
