<!DOCTYPE html>
<html>
<head>
<link href="http://getbootstrap.com/dist/css/bootstrap.css" rel="stylesheet" type="text/css" />
<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<div class="media">
<img class="pull-left img-responsive" src="http://i.imgur.com/SeO7616.png" style="max-width: 33.33%">
<div class="media-body">
<h2>Headline</h2>
Content
</div>
</div>
<hr>
<div class="container">
<div class="row">
<div class="col-xs-4">
<img class="img-responsive" src="http://i.imgur.com/SeO7616.png">
</div>
<div class="col-xs-8">
<h2>Headline</h2>
Content
</div>
</div>
<hr>
<div class="row">
<div class="col-xs-4">
<img src="http://i.imgur.com/SeO7616.png" style="width: 100%">
</div>
<div class="col-xs-8">
<h2>Headline</h2>
Content
</div>
</div>
</div>
</body>
</html>
// Code goes here
/* Styles go here */
.media, .row {
border: solid 1px;
}
.img-fullwidth {
width: 100%
}