Bootstrap 3 Template

This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<div class="container">
 	<div class="row">
 		<div class="col-xs-offset-3 col-xs-6 parent">

 			<div class="row">
 				<div class="col-xs-12 divs red"></div>
 			</div>

 			<div class="row">
 				<div class="col-xs-12 divs green special"></div>
 			</div>
 			
 			<div class="row">
 				<div class="col-xs-12 divs blue"></div>		
 			</div>


 		</div>
 	</div>
 </div>

CSS

.divs {
		height: 200px;
		margin: 5px auto;
	}

	.red {
		background-color: red;
	}

	.green {
		background-color: green
	}

	.blue {
		background-color: blue;
	}

	.special {
		width: 100vw;
	}

JavaScript

$(document).ready(calcMargin);

 	$(window).resize(calcMargin);
	
	function calcMargin() {
		var width = $('.parent').width() - $('.special').width();
		var leftMargin = width/2;

		$('.special').css('margin-left', leftMargin);
	}