JSFiddle - React, Tailwind, and code Playground
by Salmin Skenderovic
HTML
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">
<div class="container">
<div class="row">
<!-- acidGroup -->
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">Omega6</h3>
</div>
<div class="panel-body">
<!-- each acids -->
<div class="row">
<div class="col-md-6">
<!-- 1: acid -->
<div class="panel panel-info">
<div class="panel-heading">Cellmembran<span class="pull-right"><a href>Read more</a></span></div>
<div class="panel-body">
<div class="row">
<!-- heading -->
<div class="col-xs-4 text-center"><b>User</b></div>
<div class="col-xs-4 text-center"><b>Model</b></div>
<div class="col-xs-4 text-center"><b>Std</b></div>
<!-- /heading -->
<div class="col-xs-12">
<hr>
</div>
<!-- values -->
<div class="col-xs-4 text-center">0.5</div>
<div class="col-xs-4 text-center">0.5</div>
<div class="col-xs-4 text-center">0.5</div>
<!-- /values -->
<div class="col-xs-12">
<hr>
<img class="" width="100%" height="50px" src="http://orig10.deviantart.net/8b1c/f/2013/054/3/1/light_blue_to_pink_gradient__left_to_right__by_longgone54-d5w16xw.jpg"
alt="">
</div>
<div class="col-xs-12">
<h4 class="text-center">|</h4>
<h4 class="text-center">Your value</h4>
</div>
<div class="col-xs-12">
...