آموزش بوت استرپ

ساخت پنل panel بوت استرپ bootstrap

قبلی بعدی

نحوه ایجاد و ساخت پنل panel در بوت استرپ bootstrap

پنل بوت استرپ panel

یک پانل در بوت استرپ یک جعبه با border و مقداری padding اطراف محتوا ایجاد می کند.

پنل ها panels در بوت استرپ bootstrap  با کلاس .panel ایجاد می شوند و محتویات داخل پنل panel دارای کلاس پنلی panel است.

مثال

کلاس “.panel-default” برای استایل رنگ پنل panel در بوت استرپ استفاده می شود. آخرین مثال در این صفحه برای کلاسهای متنی است.

 Panel Heading

کلاس  .panel-heading  یک عنوان را به پنل اضافه می کند:

مثال

Panel Footer

کلاس .panel-footer یک پاورقی را به پنل panel اضافه می کند:

مثال

پنل گروه Panel Group

برای گروه بندی بسیاری از پنل ها با یکدیگر، <div> را با کلاس .panel گروه بندی کنید.

کلاس گروه پانل Panel Group، حاشیه پایین هر پانل را پاک می کند:

پنل ها با کلاسهای متنی

برای رنگ پانل، از کلاسهای متنی استفاده کنید

(.panel-default, .panel-primary, .panel-success, .panel-info, .panel-warning, یا .panel-danger):

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

همچنین ببینید

بستن
بستن