Saturday, 15 September 2012

twitter bootstrap 3 - How to correct bootstrap3 and tooltip: placement display error? -



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