cara membuat Grid System dengan Bootstrap dan HTML

Sistem grid bootstrap menyediakan cara cepat dan mudah untuk membuat layout situs yang responsif. Berbeda dengan sistem grid Bootstrap 2.x sebelumnya yang diperbaiki secara default, versi baru, yaitu Bootstrap 3 memperkenalkan sistem grid fluida mobile responsif pertama yang dengan tepat menyaring hingga 12 kolom seiring ukuran perangkat atau ukuran viewport.

Bootstrap 3 menyertakan kelas grid yang telah ditentukan sebelumnya untuk membuat tata letak grid dengan cepat untuk berbagai tipe perangkat seperti ponsel, tablet, laptop dan desktop, dsb. Misalnya, Anda dapat menggunakan kelas .col-xs- * untuk membuat kolom grid untuk perangkat tambahan kecil. seperti ponsel, juga kelas .col-sm- * untuk perangkat layar kecil seperti tablet, kelas .col-md- * untuk perangkat ukuran menengah seperti desktop dan layar sentuh untuk layar desktop besar. Tabel berikut merangkum beberapa fitur utama dari sistem grid baru