آموزش کاربردی کار با Button و Button Group در بوت استرپ 4
آموزش Button Group در بوت استرپ 4:
در این بخش از آموزش، با کامپوننت Button Group و کلاس هایی که در آن قرار دارند آشنا میشویم. در جلسه قبل در مورد کامپوننت button صحبت کردیم و با کمک این کامپوننت می توانیم هرجایی از صفحه دکمههایی درشکلها و اندازههای مختلف داشته باشیم. اما خیلی اوقات نیاز داریم چندین دکمه را کنار هم در فضایی کمتر و به صورت یکپارچه داشته باشیم. به همین منظور از button groupها استفاده میکنیم. در واقع اگر چندین دکمه را در یک المانی داشته باشیم واز کلاس btn-gruop استفاده کنیم، دکمه ها کنار هم قرار گرفته و به صورت گروهی چسبیده به هم نمایش داده میشوند.
Button Group
- btn-group: از این کلاس برای گروه بندی دکمهها استفاده میشود.
- btn-group-vertical: از این کلاس برای گروه بندی دکمهها به صورت عمودی استفاده میشود.
- btn-toolbar: برای ایجاد دکمهها به صورت نوار ابزار استفاده میشود. در واقع برای نمایش دادن مجموعهایی از المانها به صورت افقی میباشد.
- size(lg-sm): برای ایجاد دکمهها در سایزهای بزرگ و کوچک از کلاس btn-group-lg و btm-group-sm استفاده میکنیم.
- input-group: برای گروه بندی inputها از این کلاس استفاده میکنیم.
- dropdown-toggle: برای ایجاد حالت باز و بسته شدن منوی بازشونده از این کلاس استفاده میکنیم.
- dropdown-menu: برای ایجاد منوی بازشونده از این کلاس استفاده میکنیم.
- dropdown-item: برای ایجاد آیتمهای منوی بازشونده از این کلاس استفاده میکنیم.
برای یادگیری این مبحث مثالها و نکتههای متعددی را در فایل ویدئویی آوردهایم که با تهیه این درس و مشاهده ویدئوها به طور کامل به این مبحث مسلط خواهید شد.
امیدواریم که این آموزش، برای شما دوستان درسمنی عزیز مفید باشد،درصورت سوال و یا مشکل میتوانید به انجمن پرسش و پاسخ درسمن مراجعه کنید. پیشنهادات و انتقادات خود را در بخش نظرات برای ما ارسال کنید.
انجمن برنامه نویسان وب
جلسات دوره
مهدی عباسی
مهدی عباسی هستم، مسلط به حداقل ۲۰ زبان مطرح برنامه نویسی به صورت پیشرفته، مدیر عامل شرکت آریا نرم افزار و بنیانگذار آکادمی درسمن، مسلط به تدریس دروس تخصصی کاردانی و کارشناسی کامپیوتر، پایگاه داده ها، برنامه نویسی پیشرفته، مبانی برنامه نویسی، مباحث ویژه طراحی وب و .... مطالعه بیشتر رزومه
نظر شما در تصمیم دیگران اثرگذار است.
لطفا برای همراهان درسمن و بهتر شدن دوره نظر خود را بنویسید.