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 gutter-10">
    <div class="col-xs-3 container" >
      <span>Case Number</span>
    </div>
     <div class="col-xs-3 container" >
      <textarea>123456789</textarea>
    </div>
</div>

CSS

.gutter-10.row {
  margin-right: -5px;
  margin-left: -5px;
}
.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] {
  padding-right: 5px;
  padding-left: 5px;
}
.container span {
  background: #ddd;
  display: inline-block;
}