آموزش کاربردی کار با Button و Button Group در بوت استرپ 4


آموزش کاربردی کار با 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: برای ایجاد آیتم‌های منوی بازشونده از این کلاس استفاده می‌کنیم.

 
برای یادگیری این مبحث مثال‌ها و نکته‌های متعددی را در فایل ویدئویی آورده‌ایم که با تهیه این درس و مشاهده ویدئوها به طور کامل به این مبحث مسلط خواهید شد.

 

امیدواریم که این آموزش، برای شما دوستان درسمنی عزیز مفید باشد،درصورت سوال و یا مشکل می‌توانید به انجمن پرسش و پاسخ درسمن مراجعه کنید. پیشنهادات و انتقادات خود را در بخش نظرات برای ما ارسال کنید.smiley

انجمن برنامه نویسان وب


نظر بدهید نظر شما در تصمیم دیگران اثرگذار است. لطفا برای ما و همراهان درسمن نظر خود را بنویسید.
برای ارسال نظر نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.


مشخصات دوره


مدرس دوره : مهدی عباسی
تعداد جلسات : جلسه
مدت زمان : 661 دقیقه
حجم دوره : 2/78 گیگابایت
سطح مهارت : مقدماتی تا پیشرفته
وضعیت دوره : پایان یافته
تعداد دانشجویان : 1535
: میانگین امتیاز
برای دسترسی به این دوره وارد یا عضو شوید.
مهدی عباسی

مهدی عباسی هستم، مسلط به حداقل ۲۰ زبان مطرح برنامه نویسی به صورت پیشرفته، مدیر عامل شرکت آریا نرم افزار و بنیانگذار آکادمی درسمن، مسلط به تدریس دروس تخصصی کاردانی و کارشناسی کامپیوتر، پایگاه داده ها، برنامه نویسی پیشرفته، مبانی برنامه نویسی، مباحث ویژه طراحی وب و ....