طراحی صفحه وب در بوت استرپ بسیار ساده میباشد و اولین مرحله برای ورود به بوت استرپ و به کارگیری آپشن های آن است. در اینجا سه مرحله را برای ایجاد صفحه طی میکنیم و در پایان یک فایل HTML ایجاد میشود که پیام "Hello World" را در مرورگر نمایش میدهد.
مرحله اول : ایجاد یک فایل HTML

ویرایشگر کد را باز کرده و یک فایل HTML جدید ایجاد کنید. در پنجره خالی کد زیر را تایپ نموده و آن را با عنوان basic.html ذخیره نمایید.


نکته : تگ را داخل اضافه کنید تا بزرگنمایی لمسی و نمایش مناسب در دستگاه های موبایل را تضمین کند.
مرحله دوم : تبدیل فایل HTML به قالب بوت استرپ

برای انجام این کار فایل های CSS و جاوا اسکریپت مناسب را وارد کنید. جهت بهبود عملکرد صفحات وب بهتر است فایل های جاوا اسکریپت را در انتهای صفحه قبل از پایان تگ اضافه کنید.



و در نهایت بعد از اضافه کردن فایل های CSS و جاوا اسکریپت بوت استرپ و کتابخانه مورد نیاز jQuery قادر خواهید بود تا در طراحی سایت ها و برنامه ها از بوت استرپ استفاده نمایید.
مرحله سوم : ذخیره کردن فایل

اکنون فایل را با نام bootstrap-template.html روی کامپیوترتان ذخیره کنید.
جهت باز کردن فایل در مرورگر روی فایل مورد نظر دبل کلیک کنید. فایل در مرورگر پیش فرض شما باز خواهد شد.

منبع : طراحی سایت وب وان