JSFiddle - React, Tailwind, and code Playground

by Valentin Delbeke

HTML

<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="tab-content">            
<form method="GET" action="">
   <div class="col-xs-4">
      <div class="form-group">1</div>
   </div>
   <div class="col-xs-4">
      <div class="form-group">2</div>
   </div>
   <div class="col-xs-4">
      <div class="form-group">3</div>
   </div>
   <div class="clearfix"></div>
   </form>
</div>

<hr>

<div class="tab-content">            
<form method="GET" action="">
   <div class="col-xs-2">
      <div class="form-group">1</div>
   </div>
   <div class="col-xs-2">
      <div class="form-group">2</div>
   </div>
   <div class="col-xs-2">
      <div class="form-group">3</div>
   </div>
   <div class="col-xs-2">
      <div class="form-group">4</div>
   </div>
   <div class="col-xs-2">
      <div class="form-group">5</div>
   </div>
   <div class="col-xs-2">
      <div class="form-group">6</div>
   </div>
   <div class="clearfix"></div>
   </form>
</div>

CSS

div.form-group {
  border: 1px solid #000;
}