বুটস্ট্রাপ গ্রিড সিস্টেম 




বুটস্ট্রাপ গ্রীড সিস্টেমের মাধ্যমে ওয়েবপেজকে ১২ কলামে ভাগ করা যায়। আপনি চাইলে নিজের ইচ্ছে মত কলাম নিয়ে কাজ করতে পারেন।
বুটস্ট্রাপ গ্রীড ক্লাস

  1. বুটস্ট্রাপ গ্রীড সিস্টেমে চারটি ক্লাস রয়েছেঃ
  2. xs (মোবাইলের জন্য)
  3. sm ( ট্যাবলেটের জন্য)
  4. md (ল্যাপটপের জন্য)
  5. lg (বড় ডেস্কটপের জন্য)
প্রথমত:
আপনি যে লে-আউট অর্জন করতে চান সেটি তৈরি পাওয়ার জন্য একটি কন্টেইনার তৈরি করুন ( <div class="container"> )।
তারপর একটি সারি তৈরি করুন (<div class="row">) এবং প্রয়োজনমতো কলামের সংখ্যা যুক্ত করুন। ( <div class ="col-*-* " ) ক্লাসের সাহায্যে)।
মনে রাখবেন প্রতি সারিতে সর্বোচ্চ ১২টি কলাম যুক্ত করা যায়।

<
   <div class="row">
      <div class="col-*-*"></div>
   </div>
   <div class="row">
      <div class="col-*-*"></div>
      <div class="col-*-*"></div>
      <div class="col-*-*"></div>
   </div>
   <div class="row">...</div>

<div class="row">...</div>