JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">
<div class="jumbotron">
    <p>
        <a class="btn btn-danger" href="#">
          <i class="fa fa-trash-o fa-lg"></i> Delete
        </a>
        <a class="btn btn-default btn-sm" href="#">
          <i class="fa fa-cog"></i> Settings
                    <i class="fa fa-cog"></i> Settings
                              <i class="fa fa-cog"></i> Settings
                                        <i class="fa fa-cog"></i> Settings
                  <i class="far fa-heart">s</i>
        <i class="far fa-heart">s</i>
        <i class="far fa-heart">s</i>
        <i class="far fa-heart">s</i>
        <i class="far fa-heart">s</i>
        <i class="far fa-heart">s</i>

        </a>           
    </p>
  </div>