Info@Afragraphic.ir
0912 22 460 22
خدمات و مطالب آموزشی

آموزش bootstrap4- کلاس های کاربردی در بوت استرپ

آموزش Bootstrap   

 قسمت چهارم

تو این قسمت از آموزش , چند کلاس دیگه از کلاس های بوت استرپ را براتون معرفی می کنم

کلاس jumbotron :

این کلاس زمانی کاربرد دارد که بخواهیم یک مطلب یا اطلاعات خاص را به صورتی نمایش دهیم که با مطالب دیگمون متفاوت باشه و جلب توجه بیشتری کنه

آموزش bootstrap4

آموزش bootstrap4

کلاس well :

این کلاس یک style خاص را به صورت اضافه نمودن خصوصیات border-raduse , padding و یک background-color خاکستری به المان ما می افزاید.

همچنین می توانیم این کلاس را به صورت کوچک(well-sm) و بزرگ(well-lg) به کار ببریم.

آموزش bootstrap4

آموزش bootstrap4

کلاس panel :

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

 

آموزش bootstrap4

آموزش bootstrap4

کلاس panel-heading :

این کلاس مشخص کننده header پنل می باشد

کلاس panel-footer :

این کلاس مشخص کننده footer پنل می باشد

کلاس panel-body :

این کلاس مشخص کننده بدنه پنل می باشد

 

آموزش bootstrap4

 

آموزش bootstrap4

همچنین میتونید با استفاده از کلاس های (.panel-default.panel-primary.panel-success.panel-info.panel-warning, or .panel-danger نوع پنلمان را مشخص کنیم.

آموزش bootstrap4

آموزش bootstrap4

نظــرات شما

نام :
وب سایت :
ایمیل :
پیغام :  

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