استفاده از Tab در بوت استرپ

استفاده از Tab در بوت استرپ

با سلام

با قسمت ششم دوره پروژه محور طراحی قالب ریسپانسیو در خدمت شما هستیم.

در این قسمت قالبمون رو کامل تر میکنیم و ظاهر بهتری بهش میدیم. در ابتدا آموزش با اضافه کردن چند خط CSS منویی که در قسمت قبل ایجاد کرده بودیم رو بهبود میدیم. همچنین صحبتی درباره Navbar بوت استرپ و نحوه شخصی سازی اون خواهیم کرد.

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

بخش محتوایی که گفتیم، میبایست به دو ستون تقسیم بشه تا بتونیم باکس های سمت چپ رو داخلش قرار بدیم، پس از Col-md-4 و Col-md-8 استفاده میکنیم تا این کار به خوبی انجام بشه.

بعد از تفکیک ستون ها، به سراغ تب های خواهیم رفت. با ایجاد تب های ریسپانسیو، ظاهر کلی باکس برترین ها، تصادفی و … هم نمایان میشه. در آخر هم تداخل بین منو و تب هارو برطرف میکنیم.

 

امیدوارم از این قسمت لذت ببرد!

دوستانی که به تازگی با این دوره آشنا شدند، برای توضیحاتی بیشتر و مشاهده قسمت های دیگر این مجموعه به این صفحه مراجعه کنند.

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

با تشکر، عرفان صحاف نژاد، تیم آموزشی پی سی اسکیل

مدرس: عرفان صحاف نژاد
دیدگاه ها: 5
۱۳۹۵/۰۱/۲۷