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="row">
<div class="my-7">lolka</div>
<div class="my-7">lolka</div>
<div class="my-7">lolka</div>
<div class="my-7">lolka</div>
<div class="my-7">lolka</div>
<div class="my-7">lolka</div>
<div class="my-7">lolka</div>
</div>

CSS

.my_7 {
width: 14.285%;
float: left;
}