JSFiddle - React, Tailwind, and code Playground
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-lg-2 col-sm-2 col-md-2 col-xs-2"><h5>First Title</h5> </div>
<div class="col-lg-2 col-sm-2 col-md-2 col-xs-2 "><h5>Second</h5></div>
<div class="col-lg-2 col-sm-2 col-md-2 col-xs-2 "><h5>Third</h5></div>
<div class="col-lg-2 col-sm-2 col-md-2 col-xs-2 "><h5>Fourth</h5></div>
<div class="col-lg-2 col-sm-2 col-md-2 col-xs-2 "><h5>Fifth</h5></div>
<div class="col-lg-2 col-sm-2 col-md-2 col-xs-2 "></div>
</div>
<div class = "row">
<div class="col-lg-2 col-sm-2 col-md-2 col-xs-2">
<span class="glyphicon glyphicon-arrow-right right-arrow"></span>
<div class="panel-group">
<div class="panel panel-default" id = " ">
<div class="panel-heading">First Title</div>
<div class="panel-body">
<p> A : 5.8</p>
<p> B : 209M</p>
</div>
</div>
<div class="panel panel-default" id = " ">
<div class="panel-heading">B</div>
<div class="panel-body">
<p> A : 5.8</p>
<p> B : 209M</p>
<p> C : 209M</p>
</div>
</div>
</div>
</div>
<div class="col-lg-2 col-sm-2 col-md-2 col-xs-2 ">
<div class="panel-group">
<div...
CSS
.right-arrow {
position:absolute;
margin-left: 20px;
}