Sourceবুটাম গোট
বুটাম গোটৰ সৈতে এটা শাৰীত বুটামৰ এটা শৃংখলা একেলগে গোট কৰক, আৰু জাভাস্ক্রিপ্টৰ সৈতে সিহতক ছুপাৰ-পাৱাৰ কৰক।
মূল উদাহৰণ
.btn
in ৰ সৈতে বুটামৰ এটা শৃংখলা মোহাৰি দিয়ক .btn-group
। আমাৰ বুটাম প্লাগইনৰ সৈতে বৈকল্পিক জাভাস্ক্রিপ্ট ৰেডিঅ' আৰু চেকবক্স শৈলী আচৰণ যোগ কৰক ।
শুদ্ধ নিশ্চিত কৰক role
আৰু এটা লেবেল প্ৰদান কৰক
সহায়ক প্ৰযুক্তিসমূহে (যেনে পৰ্দা ৰিডাৰসমূহ) এটা শৃংখলা বুটামসমূহ গোট কৰা হৈছে বুলি বুজাবলৈ, এটা উপযুক্ত role
বৈশিষ্ট্য প্ৰদান কৰা প্ৰয়োজন। বুটাম গোটসমূহৰ বাবে, এইটো হ'ব role="group"
, যেতিয়া সঁজুলিবাৰসমূহৰ এটা থাকিব লাগে role="toolbar"
।
ইয়াৰ উপৰিও, গোট আৰু সঁজুলিদণ্ডিকাসমূহক এটা স্পষ্ট লেবেল দিব লাগে, কাৰণ বেছিভাগ সহায়ক প্ৰযুক্তিয়ে অন্যথা সেইবোৰ ঘোষণা নকৰে, সঠিক ভূমিকা বৈশিষ্ট্যৰ উপস্থিতিৰ সত্ত্বেও। ইয়াত দিয়া উদাহৰণসমূহত আমি ব্যৱহাৰ কৰো aria-label
, কিন্তু বিকল্প যেনে aria-labelledby
ব্যৱহাৰ কৰিব পাৰি।
অধিক জটিল উপাদানসমূহৰ বাবে বুটাম গোটসমূহৰ গোটসমূহক বুটাম সঁজুলিদণ্ডিকাসমূহত একত্ৰিত কৰক। গোটসমূহ, বুটামসমূহ, আৰু অধিক স্পেচ আউট কৰিবলে প্ৰয়োজন অনুসৰি সঁজুলি শ্ৰেণীসমূহ ব্যৱহাৰ কৰক।
আপোনাৰ সঁজুলিদণ্ডিত বুটাম গোটসমূহৰ সৈতে ইনপুট গোটসমূহ মিহলাবলৈ নিঃসংকোচে অনুভৱ কৰক। ওপৰৰ উদাহৰণটোৰ দৰেই, আপুনি সম্ভৱতঃ কিছুমান উপযোগীতাৰ প্ৰয়োজন হ'ব যদিও বস্তুবোৰ সঠিকভাৱে স্থান দিবলৈ।
আকাৰ নিৰ্ধাৰণ
এটা গোটৰ প্ৰতিটো বুটামত বুটাম আকাৰকৰণ শ্ৰেণীসমূহ প্ৰয়োগ কৰাৰ পৰিবৰ্তে, মাত্ৰ প্ৰতিটো ত যোগ কৰক .btn-group-*
, .btn-group
একাধিক গোট নেষ্ট কৰাৰ সময়ত প্ৰতিটো অন্তৰ্ভুক্ত কৰি।
বাহ সজা
.btn-group
এটা আন এটাৰ ভিতৰত ৰাখক .btn-group
যেতিয়া আপুনি ড্ৰপডাউন মেনুসমূহক এটা শৃংখলাৰ বুটামসমূহৰ সৈতে মিহলি কৰিব বিচাৰে।
উলম্ব তাৰতম্য
বুটামৰ এটা গোট অনুভূমিকভাৱে নহয় উলম্বভাৱে ষ্টেক কৰা দেখা দিয়ক। বিভক্ত বুটাম ড্ৰপডাউনসমূহ ইয়াত সমৰ্থিত নহয়।