"tooltips"
Bootstrap 3.3.0 Snippet by azlanidris

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/stefangabos/Zebra_Tooltips/dist/zebra_tooltips.min.css">
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/stefangabos/Zebra_Tooltips/dist/zebra_tooltips.min.js"></script>
<div class="container center"><a href="javascript: void(0)" class="zebra_tips1" title="testing <a href='https://google.com' target='_blank'>click</a> lorem ipsum">Over here!</a></div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
.center {
min-height: 100%;
min-height: 100vh;
text-align: center;
margin: auto;
padding: 0;
position: absolute;
top: 20%;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
$(document).ready(function() {
new $.Zebra_Tooltips($('.zebra_tips1'),{
background_color: 'rgb(114, 180, 236)'
});
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Vuetify Material Dashboard
Dot Navigation with tooltips

Questions / Comments: