JSFiddle - React, Tailwind, and code Playground

by the94air

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div></div>

CSS

span {
	background: red;
	width: 25px;
	height: 25px;
	border-radius: 100%;
	display: block;
	margin: 160px 200px;
}

JavaScript

$(document).ready(function () {
	$('div').prepend('<span data-toggle="tooltip" title="no images"></span>');
	$('[data-toggle="tooltip"]').tooltip();
});