Horje Website
Bs Tooltip Pos Stacked – Bootstrap Tooltip – Bootstrap Tooltip – Bootstrap Code

Bs Tooltip Pos Stacked – Bootstrap Tooltip

Bs Tooltip Pos Stacked - Bootstrap Tooltip - Bootstrap Tooltip - Bootstrap Code


 
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>Bootstrap Example</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  8. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  9. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
  10. </head>
  11. <body>
  12. <div class="container">
  13. <h3>Tooltip Example</h3>
  14. <p>The data-placement attribute specifies the tooltip position.</p>
  15. <ul class="list-inline">
  16. <li><a href="#" data-toggle="tooltip" data-placement="top" title="Hooray!">Top</a></li>
  17. <li><a href="#" data-toggle="tooltip" data-placement="bottom" title="Hooray!">Bottom</a></li>
  18. <li><a href="#" data-toggle="tooltip" data-placement="left" title="Hooray!">Left</a></li>
  19. <li><a href="#" data-toggle="tooltip" data-placement="right" title="Hooray!">Right</a></li>
  20. </ul>
  21. </div>
  22. <script>
  23. $(document).ready(function(){
  24. $('[data-toggle="tooltip"]').tooltip();
  25. });
  26. </script>
  27. </body>
  28. </html>



Try Your Self ->



Published:
October 4, 2020
Author:
admin
Category:
Bootstrap 3, Bootstrap Source Code
Views:
17

This article was posted in Bootstrap 3, Bootstrap Source Code and tagged , , . Bookmark the permalink. Follow comments with the RSS feed for this post.Post a Comment or leave a trackback: Trackback URL.

Leave a Reply

Your email address will not be published. Required fields are marked *

 

Horje © 2011 - 2023