عنوان آموزش امروز ، آموزش تصویری container-fluid در بوت استرپ است که یکی از مهم ترین کلاس ها در بوت استرپ برای طراحی سایت های تمام صفحه همین کلاس می باشد.

ما در کلاس آموزش بوت استرپ همواره گفته ایم که سایت ها معمولا به دو نوع تمام صفحه و یا باکس تقسیم می شوند که در آموزش قبلی ، آموزش کار با کلاس کانتینر را آموزش دادیم و امروز در صدد آن هستیم که با آموزش تصویری container-fluid در بوت استرپ به شما آموزش دهیم چگونه سایت هایی بسازید که تمام صفحه باشند.

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

برای حرفه ای شدن در بوت استرپ ، شاید مفاهیم زیادی را باید فرا بگیرید که یکی از مهمترین مفاهیم ، آموزش ساخت سایت های تمام صفحه و باکس است که امروز در این ویدیو آموزش به این کلاس اشاره می کنیم.

اگر html/css  را مسلط نیستید ، پیشنهاد می کنیم در کلاس آموزش HTML- CSS شرکت نمایید

توصیه می کنیم حتما سایر ویدیو های آموزش تصویری بوت استرپ را به صورت رایگان مشاهده کنید و لذت ببرید.

ما در کنار شما هستیم.

با ما همراه باشید.

آموزش تصویری Container-Fluid دربوت استرپ
سلام وقتتون بخیرباشه مادرآموزش قبلی اومدیم گفتیم که کلاسی وجود داره به نام کلاس کانتینر که این کلاس کانتینر کاری که برلمون انجام میده اینه که داده ها رو به صورت باکس نشون میده بعد اومدیم دوتا سایت معروف ایرانی رومثال زدیم سایت تابناک
یه سایت خبری وسایت دیجی کالا،امروزمیخوایم بریم سراغ بخش دیگه ای از طراحی گفتیم که مثلا توسایت تابناک شما وقتی که میاین وخوب نگاه میکنیدمیبینید قسمتی ازسایت اصطلاحا به صورت باکس وجمع شده است قسمتی ازسایت تمام صفحه داره ادامه پیدامیکنه حالا من کاری به اینکه چطوری ما ازبااستفاده از کلاسایی که امروزمن درس میدم طراحی میکنیم یه همچین قالبی رو کاری ندارم احتمالا توآموزش بعدی واردش میشم ولی فعلا میخوام با یه کلاس دیگه آشنا بشیم
کلاسی که امروز میخوام آشناتون بکنم کلاسی هست به نام کانتینرفلوید من اگربیام یک div درست کنم و یک کلاسی بهش بدم
کلاسی وجود داره به نام کلاس کانتینرفلوید
کانتینرفلویدبرای ساختن باکسهای فول ویت یا تمام صفحه دربوت استرپ استفاده میشه. من اگرالآن بیام این رومتنی که ساختم
رواینجا past بکنم متوجه میشین که توی الان این ببینیدجالب شد سایت دوقسمت شد من هرکدوم از اینا رو بایه br جدامیکنم
که شما درک بهتری داشته باشیدازتفاوت کانتینروکانتینرفلویددرک بکنید که اینجا چه اتفاقی داره میفته.
ببینید الان باکس بالا یا باکس کانتینرفلویدو باکس پایین باکس کانتینر هستش کانتیترفلوید برای طراحی قسمتهایی ازوبسایته که تمام صفحه هستن الآن توی سایت تابناک اگرنگاه بکنید ماچون اینترنت قطعه الان نمیتونم مثالای بیشتری براتون بزنم ولی این دو تا مثال مثال خوبی هستن ببینیدالآن وقتی خودسایت تابناک روباز میکنید چیزی که داریدمیبینید یه بخشی که اینجا اخباراومده یا مثلا اینجا منو اومده یا اینجا مثلا تاریخ وساعت به روزرسانی رو زده به صورت کلی وبسایت داره کارشوانجام میده ولی وقتی زوم اوت میکنید متوجه میشید که بخشی ازوبسایت تا انتها داره ادامه پیدا میکنه وبخشی جمعه.اون بخشی که داره ادامه پیدا میکنه
قطعا کلاسش کانتینرفلویدهستش حالا ممکنه تابناک مثلا با بوت استرپ نباشه ممکنه خودشون این رودرست کرده باشن بامدیاکوئری یاپارامترای دیگه امااگرقرارشدماوبسایتی روطراحی کنیم که این الگو روداره حتما ازاین استفاده میکنم یا مثلا اینجا اگرمن بیام دیجی کالا زوم اوت کنم میبینیدکه دیجی کالا هم دقیقا ارهمین الگوداره استفاده میکنه یعنی الآن بخشی ازوبسایت
به صورت وسط چین شده قرارگرفته ولی بخشی از وبسایت معمولا باکس های رنگی وپارامترای رنگی هستن داره تا انتها ادامه پیدا میکنه مثلا این باکس با این باکس واین دوتا تا انتها رفته ولی مطلب داخلش به صورت تمام صفحه است وبه صورت باکسه اما اینکه ما چطوری ایناروباهم ترکیب میکنیم روتوآموزش بعدی بهتون درس میدم اما چیزی که امروز میخوام آشناتون کنم ومعرفی کنم استفاده از کلاس کانتینرفلویدوکلاس کانتینرهست به عنوان دوکلاس اصلی دربوت استرپ الآن اگه من این روزوم اوت کنم همون اتفاقی که تو دیجی کالا افتاد اینجاهم داره میفته ببینید بخشی از اون قسمت بالابشونه و
محتویات توش پخش شدولی قسمت وسط ثابت موندوعناصر تغییرنکردن ولی تودوره های html/css درمورد مفهوم قالب بندی با استفاده ازهمین کلاسهای اصطلاحا سایت های فول ویدسایت های باکس های ترکیبی مفصلا صحبت کردیم اگرشاگرد html/css
من بودین ودارید آموزش رونگاه میکنید اونجا مفصلا درموردانواع قالب بندی صحبت کردم دیگه بیشترازاین وقت فیلم رونمیگیرم
فقط این روبدونیدکه اگرطرح روسایتی تمام صفحه باشه کلاسش کانتینرفلوید واگر قرار بود باکس باشه کلاس کانتینرهستش.
این درمورد کلیات کلاس بندی ها.
آموزش بعدی میخوام بهتون یادبدم که ماچطوری اینها روباهم ترکیب میکنیم وچطوری اصطلاحا باکس های ترکیبی درست میکنیم
امیدوارم که ازاین آموزش های کوتاه لذت ببرید.اگر شاگردمن هستیدمیتونیدتوکلاس تموم سوالاتتون روبپرسیدواگرهم آشنایی باکلاسای من نداریدوسوالی داریدمیتونیدازطریق کامنتها، وبسایتها یا تماس تلفنی یا تلگرام یا شبکه های اجتماعی سوالاتتون روازمن بپرسید.
من در آموزشگاه کامپیوتر پرتو براتون آرزوی موفقیت میکنم امیدوارم که همیشه شاد و موفق و پیروز باشید.خدانگهدار