JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <aside>
        <ul class="list-unstyled text-center">
            <li><img src="http://lexpage.net/static/images/avatars/Guybrush.upload" data-toggle="tooltip" data-placement="right" title="" data-original-title="Compte"/></li>
        </ul>
    </aside>

CSS

body, html {
    margin-left: 0;
    margin-top: 0;
    background-color:#dddddd;
    width:100%;
}

aside {
    width: 90px;
    background-color: #333333;
    position: absolute;
    top: 60px;
    bottom: 0;
    color: #dddddd;
    padding-top:20px;
}

JavaScript

$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})