12 Column Fluid Grid

2 Column / Half

Half Column

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Half Column

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<div class="row">
	<div class="col-md-6">
		<h4>Half Column</h4>
		<p>Lorem Ipsum is simply dummy text ...</p>
	</div>
	<div class="col-md-6">
		<h4>Half Column</h4>
		<p>Lorem Ipsum is simply dummy text ...</p>
	</div>
</div>

3 Column / One Third

One Third Column

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

One Third Column

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

One Third Column

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<div class="row">
	<div class="col-md-4">
		<h4>One Third Column</h4>
		<p>Lorem Ipsum is simply dummy text ...</p>
	</div>
	<div class="col-md-4">
		<h4>One Third Column</h4>
		<p>Lorem Ipsum is simply dummy text ...</p>
	</div>
	<div class="col-md-4">
		<h4>One Third Column</h4>
		<p>Lorem Ipsum is simply dummy text ...</p>
	</div>
</div>

2 Column / One Third & Two Third

One Third Column

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.

Two Third Column

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<div class="row">
	<div class="col-md-4">
		<h4>One Third Column</h4>
		<p>Lorem Ipsum is simply dummy text ...</p>
	</div>
	<div class="col-md-8">
		<h4>Two Third Column</h4>
		<p>Lorem Ipsum is simply dummy text ...</p>
	</div>
</div>

4 Column / One Fourth

One Fourth Column

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

One Fourth Column

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

One Fourth Column

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

One Fourth Column

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<div class="row">
	<div class="col-md-3">
		<h4>One Fourth Column</h4>
		<p>Lorem Ipsum is simply dummy text ...</p>
	</div>
	<div class="col-md-3">
		<h4>One Fourth Column</h4>
		<p>Lorem Ipsum is simply dummy text ...</p>
	</div>
	<div class="col-md-3">
		<h4>One Fourth Column</h4>
		<p>Lorem Ipsum is simply dummy text ...</p>
	</div>
	<div class="col-md-3">
		<h4>One Fourth Column</h4>
		<p>Lorem Ipsum is simply dummy text ...</p>
	</div>
</div>

2 Column / One Fourth & Three Fourth

One Fourth Column

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Three Fourth Column

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<div class="row">
	<div class="col-md-3">
		<h4>One Fourth Column</h4>
		<p>Lorem Ipsum is simply dummy text ...</p>
	</div>
	<div class="col-md-9">
		<h4>Three Fourth Column</h4>
		<p>Lorem Ipsum is simply dummy text ...</p>
	</div>
</div>
× close

Themer color options