1395/6/25

آموزش گام به گام بوت استرپ-فصل سوم

طراحی منو و متن:

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

نوبت به منو می رسد. بوت استرپ برای  منو نیز کلاس های مخصوص به خود دارد
 

Navbar 
نو بار می بایست به عنوان کلاسِ دیو اصلی  منو قرار گیرد. برای اینکه تمام استایل ها دقیقا به همین شکل ظاهر شوند می بایست به دقت کلاس ها را دنبال کنید.
 کد بالا را زیر تگ h1 قرار دهید.
 دقت داشته باشید که تمامی این کدها را درون دیو مادر با کلاس container که پیشتر ایجاد کرده بودیم قرار می دهیم.
 با این کدها شما به نمایش زیر خواهید رسید.

 

بدیهی است که قرار نیست منو دلخواه شما حتماً به شکل بالا باشد و تفاوت هایی با این استایل خواهد داشت. در ادامه این مطلب خواهیم گفت که به چه صورت می توانید استایل های خودتان را به استایل های موجود اضافه کنید، همچنین به منظور ایجاد تغییرات دلخواه در هدر چه باید بکنید.

نظرات
حروف تصویر