JSFiddle - React, Tailwind, and code Playground

HTML

<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
    <div id="LegendWell" class="well">
      <div id="LegendDiv" class="row">
        <div class="col-sm-6 col-md-4">
          <div style="width:100%;padding:8px;margin-bottom:8px;margin-top:8px;border-style:solid;border-width:4px;">
            <strong>Title 1</strong><br>
            Line 0<br/>
            Line 1<br/>
            Line 2<br/>
            Line 3<br/>
          </div>
        </div>
      <div class="col-sm-6 col-md-4">
        <div style="width:100%;padding:8px;margin-bottom:8px;margin-top:8px;border-style:solid;border-width:4px;">
          <strong>Title 2</strong><br/>
          Line 0<br/>
          Line 1<br/>
          Line 2<br/>
        </div>
      </div>
      <div class="col-sm-6 col-md-4">
        <div style="width:100%;padding:8px;margin-bottom:8px;margin-top:8px;border-style:solid;border-width:4px;">
          <strong>Title 3</strong><br/>
          Line 0<br/>
          Line 1<br/>
        </div>
      </div>
      <div class="col-sm-6 col-md-4">
        <div style="width:100%;padding:8px;margin-bottom:8px;margin-top:8px;border-style:solid;border-width:4px;">
          <strong>Title 4</strong><br/>
          Line 0<br/>
          Line 1<br/>
          Line 2<br/>
        </div>
      </div>
      <div class="col-sm-6 col-md-4">
        <div style="width:100%;padding:8px;margin-bottom:8px;margin-top:8px;border-style:solid;border-width:4px;">
          <strong>Title 5</strong><br/>
          Line 0<br/>
          Line 1<br/>
          Line 2<br/>
          Line 3<br/>
          Line 4<br/>
          Line 5<br/>
        </div>
      </div>
    </div>
    </body>