2014-06-08 04:11:44 +02:00
<!DOCTYPE html>
< html >
< head >
2014-11-05 01:18:11 +01:00
< meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
2014-06-08 04:11:44 +02:00
< title > Tooltip< / title >
2015-05-12 08:32:37 +02:00
< link rel = "stylesheet" href = "../../../dist/css/bootstrap.css" >
2015-05-06 22:34:14 +02:00
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!-- [if lt IE 9]>
< script src = "https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js" > < / script >
< script src = "https://oss.maxcdn.com/respond/1.4.2/respond.min.js" > < / script >
<![endif]-->
2014-06-08 04:11:44 +02:00
< / head >
< body >
< div class = "container" >
< div class = "page-header" >
< h1 > Tooltip < small > Bootstrap Visual Test< / small > < / h1 >
< / div >
2015-05-12 08:32:37 +02:00
< p class = "muted" style = "margin-bottom: 0;" > Tight pants next level keffiyeh < a href = "#" data-toggle = "tooltip" title = "Default tooltip" > you probably< / a > haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel < a href = "#" data-toggle = "tooltip" title = "Another tooltip" > have a< / a > terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan < a href = "#" data-toggle = "tooltip" title = "Another one here too" > whatever keytar< / a > , scenester farm-to-table banksy Austin < a href = "#" data-toggle = "tooltip" title = "The last tip!" > twitter handle< / a > freegan cred raw denim single-origin coffee viral.
2014-06-08 04:11:44 +02:00
< / p >
< hr >
< p >
2015-05-13 01:54:21 +02:00
< button type = "button" class = "btn btn-default" data-toggle = "tooltip" data-placement = "left" title = "" data-original-title = "Tooltip on left" > Tooltip on left< / button >
< button type = "button" class = "btn btn-default" data-toggle = "tooltip" data-placement = "top" title = "Tooltip on top" > Tooltip on top< / button >
< button type = "button" class = "btn btn-default" data-toggle = "tooltip" data-placement = "bottom" title = "Tooltip on bottom" > Tooltip on bottom< / button >
< button type = "button" class = "btn btn-default" data-toggle = "tooltip" data-placement = "right" title = "Tooltip on right" > Tooltip on right< / button >
2014-06-08 04:11:44 +02:00
< / p >
< / div >
<!-- JavaScript Includes -->
< script src = "../vendor/jquery.min.js" > < / script >
2015-05-12 08:32:37 +02:00
< script src = "../vendor/tether.min.js" > < / script >
< script src = "../../dist/util.js" > < / script >
< script src = "../../dist/tooltip.js" > < / script >
2014-06-08 04:11:44 +02:00
<!-- JavaScript Test -->
< script >
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
< / script >
< / body >
< / html >