ایجاد یک مدل html در bootstrap

اگر شما یک طراح قالب نیستید ، و یا اینکه هنوز اطلاعات زیادی در این زمینه ندارید ، می توانید از مدل html برای جوملا 3

که توسط فریم ورک bootstrap ایجاد شده است استفاده کنید .(ورژن 2.3.2 از bootstrap برابر با جوملا 3 است ).

شما می توانید این مدل را از اینجا دانلود کنید 

فایل بالا را دانلود کنید  و آن را در یک فولدر جدید unzip کنید . 

در عکس زیر ساختار فایل ها و فولدر ها را می بینید : 

 هنگامی که فایل index.html را باز می کنید (در مرورگر) شما قالب آماده ای را می ببینید . 

عکس زیر یک نمایش از آن قالب در اندازه ی صفحه ی 1024 پیکسل است .

هدف این قالب تمرین کردن با کلاس های bootstrap  و ساختار آن است . 

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

ما در ابتدا نگاهی به ساختار css و html از فایل index.httml می اندازیم .