JSFiddle - React, Tailwind, and code Playground

by Марина Бабенко

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="panel panel-default">
  <div class="panel-body">
    <div class="row">
  		<div class="col-xs-4 col-md-2">
  			<div style="height: 100px; border: 1px solid #000;">1</div>
			</div>
			<div class="col-xs-4 col-md-2">
  			<div style="height: 50px; border: 1px solid #000;">2</div>
			</div>
			<div class="col-xs-4 col-md-2">
  			<div style="height: 50px; border: 1px solid #000;">3</div>
			</div>
			<div class="col-xs-4 col-md-2">
  			<div style="height: 50px; border: 1px solid #000;">4</div>
			</div>
			<div class="col-xs-4 col-md-2">
  			<div style="height: 50px; border: 1px solid #000;">5</div>
			</div>
			<div class="col-xs-4 col-md-2">
  			<div style="height: 50px; border: 1px solid #000;">6</div>
			</div>
		</div>
  </div>
</div>