StackOverflow - Adjust the height of all panels in a row according to the content

http://stackoverflow.com/questions/37271881/adjust-the-height-of-all-panels-in-a-row-according-to-the-content/37272518#37272518

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="container-fluid">
	<div class="row">
		<div class="col col-lg-3 col-md-3 col-sm-6 col-xs-12">
			<div class="panel panel-default">
				<div class="panel-body">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tellus velit, ultrices eu scelerisque bibendum, porta non tortor. Integer commodo molestie suscipit. Ut sagittis purus arcu, ac maximus lacus ullamcorper eu. Ut nec nunc vel turpis auctor tristique. Sed mollis elit non urna vehicula, a fermentum purus tempor. Integer vehicula eget nisi a imperdiet. Integer fringilla sem id quam fringilla, sit amet fringilla elit consequat. Integer vulputate pellentesque dignissim. Duis vel erat non ligula consequat pretium vitae at dui. Ut nec congue magna, ultrices condimentum turpis. Proin fermentum sit amet quam non convallis. Etiam eu tempus magna, sed consectetur quam. Suspendisse facilisis aliquam mi, in consectetur metus volutpat id. Maecenas nec elit posuere, convallis quam eu, fringilla odio.</p>
				</div>
			</div>
		</div>
		<div class="col col-lg-3 col-md-3 col-sm-6 col-xs-12">
			<div class="panel panel-default">
				<div class="panel-body">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
				</div>
			</div>
		</div>
		<div class="col col-lg-3 col-md-3 col-sm-6 col-xs-12">
			<div class="panel panel-default">
				<div class="panel-body">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tellus velit, ultrices eu scelerisque bibendum, porta non tortor. Integer commodo molestie suscipit. Ut sagittis purus arcu, ac maximus lacus ullamcorper eu.</p>
				</div>
			</div>
		</div>
		<div class="col col-lg-3 col-md-3 col-sm-6 col-xs-12">
			<div class="panel panel-default">
				<div class="panel-body">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tellus velit, ultrices eu scelerisque bibendum, porta non tortor....

CSS

.row {
	display: flex;
	flex-flow: row wrap;
}

.row .col {
    display: flex;
	align-items: stretch;
}

.row .col .panel {
	width: 100%;
}

.row .col .panel .panel-body {
	min-height: 250px;
	word-wrap: break-word;
}