JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<body>
    <div class="well">
        <span class="label label-default">I'm test label</span>
        <span class="label label-default">I'm test label</span>
        <span class="label label-default">I'm test label</span>
        <span class="label label-default">I'm test label</span>
        <span class="label label-default">I'm test label</span>
        <span class="label label-default">I'm test label</span>
        <span class="label label-default">I'm test label</span>
        <span class="label label-default">I'm test label</span>
        <span class="label label-default">I'm test label</span>
    </div>

    

</body>

CSS

.label{
  display: inline-block !important;
  width: 120px;
  margin:5px;
}

JavaScript

$(document).ready(function () {
    var $well = $('<div class="well"/>');
    for(var i=0; i<20; i++){
        var $span = $('<span class="label label-warning"/>');
        $span.html("hello world!");
        $well.append($span);
    }
    $('body').append($well);
});