<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container-fluid"> <div class="row"> <div class="col-md-4"> <img alt="Bootstrap Image Preview" src="http://lorempixel.com/140/140/" /> </div> <div class="col-md-8"> <h3 class="text-center text-primary"> h3. Lorem ipsum dolor sit amet. </h3> </div> </div> <div class="row"> <div class="col-md-12"> </div> </div> <div class="row"> <div class="col-md-8"> <dl> <dt> Description lists </dt> <dd> A description list is perfect for defining terms. </dd> <dt> Euismod </dt> <dd> Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit. </dd> <dd> Donec id elit non mi porta gravida at eget metus. </dd> <dt> Malesuada porta </dt> <dd> Etiam porta sem malesuada magna mollis euismod. </dd> <dt> Felis euismod semper eget lacinia </dt> <dd> Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. </dd> </dl> </div> <div class="col-md-4"> </div> </div> <div class="row"> <div class="col-md-12"> </div> </div> </div>