JSFiddle - React, Tailwind, and code Playground

by Florian Gropp

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<form>
  <div class="input-group">
    <span class="input-group-addon" href="#" data-toggle="popover" data-trigger="hover" title="Sprache auswählen!" data-content="Hier können Sie ihre präferierte Sprache wählen." style="background-color:transparent;border-width:0 2px 0 0;border-style:solid;border-color:#000;">
      <i class="glyphicon glyphicon-globe"></i>
    </span>
    <select class="form-control" style="width:64px;">
      <option>DE</option>
      <option>EN</option>
    </select>
  </div>
</form>

JavaScript

$(document).ready(function(){
    $('[data-toggle="popover"]').popover();  
});