Apa itu bootstrap-min.css?
Itu adalah versi kecilnya dari bootstrap.css. Dia dipanggil versi kecil karena tidak mempunyai ruang dan tidak mempunyai komentar sehingga mengurangi ukuran file. Dia akan berguna ketika projekmu selesai dan siap diproduksi.
Sistem Grid dalam Bootstrap
Bootstrap terdapat fitur yang sangat penting, yaitu grid system. Grid system membantu kita untuk membagi layar ke dalam baris dan kolom yang berbeda, sehingga akan menciptakan layout yang beraneka ragam. Dalam satu kolom, layar dapat dibagi menjadi 12 bagian. Tinggi kolom pada layar dapat sesuai dengan ukuran layar saat kita lihat, inilah yang disebut dengan responsive.
Berikut contoh pembuatan grid dengan 2 kolom yang sama lebarnya.
<html>
<head>
<meta name=”viewport” content=”width=device-width,initial-scale=1”>
<title>Belajar dengan Bootstrap</title>
<link rel=”stylesheet” type=”text/css” href=”css/bootstrap.css”>
<script src=”js/bootstrap-min.js”></script>
</head>
<body>
<div class=”container”>
<div class=”row”>
<div class=”col-xs-6”><h1>kolom 1</h1></div>
<div class=”col-xs-6”><h1>kolom 2</h1></div>
</div>
</div>
</body>
</html>
Selain contoh diatas kita dapat membuat sebuah kolom didalam kolom(nesting) dimana tinggal menambahkan code yang sama ke dalam kelas kolom yang ingin di masukkan.
