ایجاد اولین صفحه ی وب با استفاده از بوت استرپ
1.اضافه کردن اعلان doctype
بوت استرپ از عناصر HTML و CSS استفاده می کند و این دستورات، نیاز دارند تا از اعلان doctype استفاده کنیم.
سعی کنید همیشه اعلان doctype را در ابتدای صفحه اضافه کنید، و همچنین خصوصیت lang و charset را تنظیم کنید:
<html lang="en">
<head>
<meta charset="utf-8">
</head>
</html>
2.بوت استرپ 3، واکنش گرا به موبایل می باشد:
بوت استرپ 3 طوری طراحی شده است، تا نسبت به دستگاه های موبایل واکنش گرا باشد. استایل های پاسخگرا به مبایل قسمتی از هسته ی این فریم ورک می باشند.
برای اینکه مطمئن شوید که زوم کردن در دستگاه های لمسی، به خوبی کار می کند، تگ متای زیر را در داخل عنصر <head> قرار دهید:
دستور width=device-width بررسی می کند که عرض صفحه وب شما برابر با عرض دستگاه های مختلف قرار گیرد.
دستور initial-scale=1 به هنگام لود شدن صفحه توسط مرورگر وب، میزان زوم اولیه را مشخص می کند.
3. ظرف ها(containers) را اضافه کنید:
در بوت استرپ، برای بسته بندی کردن محتوای سایت، باید از یک container استفاده کنید. برای انجام این کار، دو کلاس وجود دارند:
1. کلاس container. : این کلاس یک ظرف واکنش گرا با عرض ثابت را ایجاد می کند. به عبارت دیگر، با استفاده از این کلاس شما می توانید یک سایت با عرض ثابت داشته باشید. به طوری که از سمت چپ و راست کمی فاصله داشته باشد.
2. کلاس container-fluid. : این کلاس یک ظرف با عرض کامل ایجاد می کند. به عبارت دیگر، با استفاده از این کلاس سایت شما کل عرض صفحه را می پوشاند. و سایت شما از کناره ها هیچ فاصله ای نخواهد داشت.
نکته: ظرف ها نمی توانند تو در تو باشند، به عبارت دیگر، نمی توانید یک ظرف را در یک ظرف دیگر قرار دهید.
