Membuat 5 Kolom dalam 1 Baris Bootstrap Framework

Hai,

Bagi pengguna Bootstrap akan sangat merepotkan membuat 5 Kolom dalam 1 baris. karena bootstrap menggunakan 12 kolom. Jika ingin 4 Kolom pasti akan menggunakan 3 + 3 + 3 + 3 atau ingin membuat 3 kolom akan menggunakan 4 + 4 + 4  atau ingin 6 kolom tentu akan menggunakan 2 + 2 + 2 + 2 + 2 + 2 yang semuanya harus 12 kolom.

Bagi yang belum tau Bootstrap, bisa akses ke Situs Resminya getbootstrap.com

Bagaimana membuat 5 kolom ?
kita perlu tambahkan pada css bootstrap.

	.col-xs-15,
	.col-sm-15,
	.col-md-15,
	.col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
	}
	.col-xs-15 {
	width: 20%;
	float: left;
	}
	@media (min-width: 768px) {
	.col-sm-15 {
	width: 20%;
	float: left;
	}
	}
	@media (min-width: 992px) {
	.col-md-15 {
	width: 20%;
	float: left;
	}
	}
	@media (min-width: 1200px) {
	.col-lg-15 {
	width: 20%;
	float: left;
	}
	}

view raw style.css hosted with ❤ by GitHub

Simpan pada file style.css lalu kita bisa memanggilnya class nya.

<div class="row"> 

<div class="col-md-15 col-sm-3"> 

...  

</div>

</div> 

Sumber : http://www.wearesicc.com/quick-tips-5-column-layout-with-twitter-bootstrap/
Semoga Membantu.

Salam