resize for bootstrap

by hcgriggs

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<body>
		<div class="container-fluid">
			<div class="row row1">
				<div class="col-xs-12 col-sm-6 col-lg-5 row1-topleft">
					<div class="inside-index">
						<h2>one header</h2>
						<p>Ennui messenger bag gluten-free affogato, pitchfork hashtag deep v farm-to-table street art cray gentrify. Asymmetrical slow-carb fanny pack chartreuse crucifix man bun selfies, austin williamsburg cray. Pop-up deep v salvia flexitarian, echo park waistcoat migas kogi. Wayfarers godard cliche meditation. Flexitarian craft beer before they sold out, hella ugh vinyl iPhone chartreuse cray wayfarers readymade. Four loko PBR mixtape kitsch locavore sriracha shoreditch lumbersexual, jean shorts hashtag actually etsy offal ramps single-origin coffee. Kinfolk church-key aesthetic sriracha deep v.</p>

						<h3>second header</h3>
						<p>Kogi mlkshk chicharrones lomo, farm-to-table occupy lo-fi brunch tacos listicle 8-bit. Biodiesel yr shoreditch dreamcatcher, cardigan swag try-hard kogi venmo health goth blue bottle authentic scenester. Banjo kinfolk gochujang drinking vinegar, single-origin coffee poutine humblebrag retro chia blue bottle swag fap blog crucifix. Drinking vinegar kogi truffaut vice man bun portland, cronut squid kitsch cray man braid cornhole ramps whatever pitchfork. Wolf kitsch shabby chic kinfolk microdosing. Hammock williamsburg YOLO, cronut cliche wolf farm-to-table listicle tote bag. Aesthetic wayfarers 8-bit, polaroid occupy try-hard lumbersexual taxidermy meggings iPhone church-key.</p>

						<h3>third header</h3>
						<p>Hella venmo meditation biodiesel cornhole, normcore bicycle rights. Four loko master cleanse umami sartorial, before they sold out thundercats yuccie. Everyday carry tattooed beard retro aesthetic food truck. Bushwick banh mi twee sriracha, cold-pressed +1 trust fund. Crucifix art party tousled offal, four loko pork belly portland...

CSS

html, body {
	height: 100%;
}

div {
	height: 100%;
}

.container-fluid {
	border: solid white 10px;
}

.row1 {
	height: 120%;
}

.row2 {
	height: 75%;
}

.row3 {
	height: 60%;
}

.row4 {
 	height: 30%
}

.row5 {
	height: 20%;
}

.row1-topleft,.row1-topright,.row3-left,.row3-center,.row3-right,.row2-left,.row2-right {
	border: solid white 15px;
	background-color: #EFECE9;
  overflow: hidden;
}

/*index divs that contain images*/
.row1-topright,.row2-left,.row2-right,.row3-center {
	padding: 0;
}

.inside-index {
	padding: 10px;

}

.inside-index-img {
	height: 100%;
	width: 100%;
	padding: 0;
	overflow: hidden;
}

#img1{
  background-image: url(https://images.unsplash.com/uploads/1412862685615b0212e3d/5fcb0a55?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&s=f80c1ee359a4f35c104947cbf00a6580);
  background-size: cover;
  
}

JavaScript

u