twitter bootstrap 3 - How to correct bootstrap3 and tooltip: placement display error? -
i have nasty display on elements bootstrap3
the black triangle in middle of tooltip.
my placement set "auto"
and removing css , js (keeping bootstrap , css) have problem
// maintain test , still have problem <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
here way called (in footer.php)
(function() { bootbox.setdefaults({ locale: "en"}); $('[title]').tooltip({ placement:"auto" });
here total page
<!doctype html> <html > <head> <meta charset="utf-8"> <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"> </head> <body> <div class="btn-group" data-toggle="buttons"> <label title="main-stage" class="btn btn-default active" > <input type="radio" name="options" checked >main-stage </label> <label title="chat dj" class="btn btn-default" > <input type="radio" name="options" > dj </label> <label title="chat manager" class="btn btn-default"> <input type="radio" name="options" > manager </label> </div> <script> (function() { $('[title]').tooltip({ placement:"auto" }); })(); </script> </body> </html>
fiddle: http://jsfiddle.net/a279b885/
twitter-bootstrap-3
No comments:
Post a Comment