JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
<select  data-placement='right' data-toggle="tooltip" title="Type your desired username">
<option>test</option>
<select>

</select>

CSS

input {
    border-radius: 10px;
    border: 1px solid #dadae3;
    background: #dadae3
}
input:hover {
    border: 1px solid #c4c4cc;
    background: #c4c4cc
}
input:focus {
    border: 1px solid #73318e;
    outline: 0
}

JavaScript

$('input').tooltip('auto');