آموزش فریمورک بوتسترپ برای طراحی سایت – قسمت آخر

bootstrap

 

 

نحوه نوشتن css – hack  برای دستگاه های مختلف :

 

مثلا فرض کنید در حالت موبایل میخواهید موقعیت یک کلاس را تغییر دهید ادامه مطلب…

دسته بندی‌ها: آموزش,طراحی وب

برچسب‌ها,

آموزش فریمورک بوتسترپ برای طراحی سایت – قسمت دوم

bootstrapدر این قسمت بخش grid در بوتسترپ را با یک مثال آموزش میدم :

هر سطر در بوتسترپ با کلاس row مشخص میشود

هر سطر هم توسط کلاس span به 12 ستون تقسیم میشود

در واقع به کمک grid یک صفحه را به بخش هاس مختلف تقسیم میکنیم تا بتوانیم داخل هر بخش محتوای ( متن – عکس – ویدیو و.. ) قرار دهیم

طبق طرح زیر content ما 10 ستون  و بخش سایدبار 2 ستون می باشد

 

131131

 

 

 

 

 

ادامه مطلب…

دسته بندی‌ها: آموزش,طراحی وب

برچسب‌ها,

آموزش فریمورک بوتسترپ برای طراحی سایت – قسمت اول

bootstrapیکی از مهمترین قسمتهای طراحی وب این هست که صفحات درست و بدون مشکل از همون اول به صورت مرتب در همه مرورگر ها نمایش داده شوند .

منتها اینکار خیلی زمان گیر و گاهی هم اعصاب خورد کن میشه. چپ و راست کردن این div ها، تغییر دادن موقعیتشون، خصوصا اگه در حال طراحی یک سایت چند زبانه باشی که یکیش هم راست به چپه!

این فریم وورک توسط توییتر ارایه شده و گسترش داده میشه..

 

این آموزش بر اساس نسخه Bootstrap 2.3.2 ایجاد شده که بعد از این آموزش نسخه 3 نیز آموزش داده خواهد شد .

ادامه مطلب…

دسته بندی‌ها: آموزش,طراحی وب

برچسب‌ها, ,


Copyright © 2006 - 2017 Hemmaty.com
Design : M.hemmaty