نمادها

شما اینجا هستید

آموزش Bootstrap جلسه نوزدهم (Panels)

در خدمت شما هستیم با آموزش Bootstrap جلسه نوزدهم (Panels)

آموزش Bootstrap جلسه نوزدهم (Panels) از سری آموزش های تک قسمتی است

سلام برنامه در این آموزش نحوه ساخت پنل در بوت استرپ را آموزش می دهد

پنل ها باکس هایی هستند که هر اطلاعاتی را می توان در آن وارد کرد

پنل تشکیل شده است از header و body و footer که بوت استرپ هر کدام را با کلاس تفکیک میکند

همچنین شما به واسطه کلاس های بوت استرپ می توانید رنگ بندی های مختلف بسازید

معمولا از پنل ها برای تفکیک یک محتوا از متحوای دیگر استفاده می شود

 

کلاس panels

همانطور که قبلا گفتیم به کمک این کلاس میتوانید باکس های مختلفی را ایجاد کنید.
این باکس ها کاربرد های متفاوتی دارند و میتوانید موارد مختلفی را روی آن ها پیاده سازی کنید.

مثلا ساخت باکس با عنوان یا باکس با رنگ های مختلف از مواردی است که در این آموزش یاد میگیرید.
مثالی میزنیم از نحوه استفاده panels:

کد بالا یک مثال ساده از panels میباشد اگر میخواهید panels با عنوان را داشته باشید میتوانید از کد زیر کمک بگیرید:

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

همچنین در صورت نیاز میتوانید فوتر را هم به پایین پنل خود اضافه کنید برای اینکار میتوانید از کد زیر استفاده کنید:

در کد بالا تنها با اضافه کردن کلاس panel-footer توانستیم فوتر را اضافه کنیم.
همچنین panels از رنگ های مختلف نیز پشتیبانی میکند که میتوانید نمونه های آن را در کد زیر ببینید:

خروجی کد بالا تصویر زیر است که میتوانید ببینید:

panels
می توانید دیگر قسمت ها را در لینک زیر ببینید

آموزش Bootstrap جلسه هجدهم(List Groups)

آموزش Bootstrap جلسه بیستم (Dropdown)

 

شما می توانید این آموزش را به صورت آنلاین از ویدیو زیر ببینید

و یا آن را در آپارات مشاهده کنید:

همچنین میتوانید این ویدیو را در یوتیوب نیز دنبال کنید:
همچنین در صورت علاقه می توانید این آموزش را از باکس دانلود موجود در زیر همین پست دانلود نمایید
اگر این مطلب آموزنده بود به ما امتیاز دهید
1 ستاره2 ستاره3 ستاره4 ستاره5 ستاره (5 رای, میانگین: 4٫60 امتیاز از 5)
Loading...

این یک فایل mp4 تصویری است که با پلیر های ویدیویی قابل اجرا می باشد

دانلود آموزش Bootstrap جلسه نوزدهم (Panels): نوع فایل:mp4 حجم فایل:12.37 مگابایت

هر پلیر اجرا کننده فایل ویدیویی

2 دیدگاه برای “آموزش Bootstrap جلسه نوزدهم (Panels)”

  1. saman kelate گفت:

    خیلی کار منو جلو انداخت مرسی مخصوا باکس اخطارش

  2. mosa zed گفت:

    برای ساخت باکس اخطار میتونستی از آموزش زیر تو همین سایت استفاده کنی
    http://hiprogram.ir/bootstrap-single-part-10-2

پاسخی بگذارید

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

*

code

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.