Card View

This layout can be used to create a card view UI just like google+ or any of the feed readers

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">
<div class="container" id="main">
			<div class="row">
				<div class="col-md-3 col-sm-6">
					<div class="thumbnail panel panel-default">
						<img alt="300x200" src="http://placehold.it/350x150">
						<div class="caption">
							<h3><a href="#">Trip Name Goes Here</a></h3>
							<p>
								The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary. The languages only differ in their grammar, their pronunciation and their most common words. Everyone realizes why a new common language would be desirable: one could refuse to pay expensive translators. To achieve this, it would be necessary to have uniform grammar, pronunciation and more
							</p>
						</div>
					</div>
					<div class="thumbnail panel panel-default">
						<img alt="300x200" src="http://placehold.it/350x150">
						<div class="caption">
							<h3><a href="#">Trip Name Goes Here</a></h3>
							<p>
								But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects,
							</p>
						</div>

					</div>
					<div class="thumbnail panel panel-default">
						<img alt="300x200" src="http://placehold.it/350x150">
						<div class="caption">
							<h3><a href="#">Trip Name Goes Here</a></h3>
							<p>
								Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
							</p>
						</div>

					</div>
				</div>
				<div class="col-md-3 col-sm-6">

					<div class="thumbnail panel...

CSS

@media (min-width: 992px) {
  .container {
    width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 960px;
  }
}