JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="http://markusslima.github.io/bootstrap-filestyle/js/bootstrap-filestyle.min.js"></script>
<hr/>
<div class="container-fluid">
    <div class="row">
        <div class="col-xs-12">
            <div class="form-group">
                <input type="file" class="filestyle apply-tooltip"/>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="form-group">
                <input data-toggle="tooltip" title="Attach file" type="file" class="filestyle apply-tooltip" data-input="false" data-buttontext="" data-iconname="glyphicon-paperclip"/>
            </div>
        </div>
    </div>
</div>

JavaScript

$(document).ready(function(){
    $('.apply-tooltip').each(function(){
        $(this).siblings("div").attr("data-toggle", "tooltip");
        $(this).siblings("div").attr("title", "Attach File");
    });   
    $('[data-toggle="tooltip"]').tooltip(); 
});