در جلسه ی قبل با برخی از دستورات خاص blade برای استفاده از layout ها آشنا شدیم اما هنوز هیچ کاری را برای فایل home.blade.php نکرده ایم. اگر یادتان باشد گفتم که محتوای درون section این فایل را حذف کنید تا به شکل زیر در بیاید. بنابراین بیایید آن را ادامه بدهیم. همانطور که می دانید در بوت استرپ صفحات ما به 12 ستون تقسیم می شوند و بر اساس ظاهر اینستاگرام حدس من این است که لوگوی پروفایل (قسمت چپ) 3 از 12 و قسمت description (سمت راست) هم 9 از 12 ستون را اشغال می کنند. من به container خود max-width داده ام تا ظاهر برنامه در صفحات بزرگ، کشیده نشود. همچنین یک padding برابر 5 را نیز به آن داده ام تا فاصله اش با بقیه ی عناصر حفظ شود. در حال حاضر پروفایل ما به صورت مربع ظاهر شده است که شبیه اینستاگرام نیست. در اینستاگرام پروفایل ها دایره ای شکل هستند بنابراین باید از بوت استرپ استفاده کرده و بگوییم:
اگر به تصویری که برایتان قرار دادم نگاه کنید متوجه می شوید که قسمت سمت راست یا توضیحات پروفایل را می توانیم به چندین div تقسیم کنیم که یکی مسئول نمایش یوزرنیم و دیگری مسئول نمایش فالوئر ها و پست ها و دیگری مسئول نمایش description پروفایل و در آخر هم div ای برای لینک به سایت اصلی باشند. من همین کار را می کنم:
پنل نویسندگان




