JSFiddle - React, Tailwind, and code Playground

by MadhawaMB

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="alert alert-warning">
 <div class="alert alert-warning"  data-toggle="popover" title="Popover Header" data-content="Some content inside the popover">
        <a href="#" class="close" data-dismiss="alert">&times;</a>
        <strong>Warning!</strong> There was a problem with your network connection.
    </div></div>

JavaScript

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