JSFiddle - React, Tailwind, and code Playground

by mamounothman

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js"></script>
<br />
<div class="form-group row">
  <div class="col-xs-6">
    <div class="input-group">
        <span class="input-group-addon"> <input type="checkbox" /> Break After </span>
        <input type="text" class="form-control" />
        <span class="input-group-btn">
            <button id="btnextra" type="button" class="btn btn-default btn-md btnextra">Extra</button>
        </span>
    </div>
  </div>
</div>

CSS

.input-group-btn:last-child>.btn, 
.input-group-btn:last-child>.btn-group {
  border-left: 1px;
  border-left: 1px;
  margin-left: 30px;
}