Skip to content

Instantly share code, notes, and snippets.

@babysnakes
Created April 2, 2012 04:42
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save babysnakes/2280802 to your computer and use it in GitHub Desktop.
Save babysnakes/2280802 to your computer and use it in GitHub Desktop.
Adding the bootstrap.css and bootstrap.js from twitter bootstrap 2.0.2 and latest jquery, I don't see tooltip on the "brand" class (although without css, I can see it).
<!DOCTYPE html>
<html>
<head>
<title>Testing ToolTips</title>
<link href="bootstrap.css" media="screen" rel="stylesheet" type="text/css" />
<script src="jquery.js" type="text/javascript"></script>
<script src="bootstrap.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#alink").tooltip({title: "See this"});
$(".brand").tooltip({title: "See this"});
})
</script>
</head>
<body style="padding-top: 40px;">
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a href="#" class="brand">Testing Tooltip</a>
</div>
</div>
</div>
<div class="container">
<div class="page-header">
<h1>
Some Large Header
<small id="page-title-small">
Smaller Header
</small>
</h1>
</div>
<div class="span5">
<p>Some text with a <a href="#" id="alink">link</a> in it.</p>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment