panel ها در بوت استرپ

پنل ها یا panels  در بوت استرپ

Wiki

یک پنل در بوت استرپ، عبارت است از یک جعبه ی کادربندی شده به همراه مقداری فضای خالی(padding) در اطراف محتوای آن:

پنل ها به وسیله ی کلاس panel. ایجاد می شوندو محتوای درون آنها نیز دارای کلاس panel-body. می باشد:

	از کلاس panel-default برای استایل دهی کردن رنگ پنل استفاده می شود. برای مشاهده ی این موضوع، لطفا مثال آخر این آموزش را مشاهده فرمایید.

سرفصل پنل-Panel Heading در بوت استرپ

Wiki

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

فوتر پنل-Panel Footer

Wiki

کلاس panel-footer. یک فوتر(Footer) را به پنل مورد نظر اضافه می کند:

گروه های پنل-Panel Group

Wiki

برای اینکه بتوانید تعداد زیادی پنل را در کنار یکدیگر گروه بندی کنید، همه ی آنها را درون یک عنصر <div> با کلاس panel-group. قرار دهید.

کلاس panel-group. مقدار margin-bottom هر پنل(که به طور پیش فرض 20 پیکسل است) را از بین می برد:

 پنل ها به همراه کلاس های رنگی در بوت استرپ

Wiki

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

1. panel-default.
2. panel-primary.
3. panel-success.
4. panel-info.
5. panel-warning.
6. panel-danger.

مثال (پنل های بوتسترپ)

 

امتحان کنید »

با تمرین خودتان را محک بزنید!

تمرین 1»  تمرین 2»  تمرین 3 »  تمرین 4 »  تمرین 5 »