Question

190

Why are my bootstrap tooltips not working?

rated 0 times [ 193] [ 3] / answers: 1 / hits: 23504 / 9 Years ago, mon, november 16, 2015, 12:00:00

Bevor i use a plugin for Bootstrap i always test it before. This is why my html is so simple.
It would be great if you could help me out with my tooltips.

Ps: i am really new to coding Websites

HTML:

<!DOCTYPE html>

<html lang=de>

<head>

<meta charset=utf-8>

<meta http-equiv=X-UA-Compatible content=IE=edge>

<meta name=viewport content=width=device-width, initial-scale=1>

<title>Bootstrap-Basis-Vorlage</title>

<link href=css/bootstrap.min.css rel=stylesheet>

</head>

<body>

<button type=button class=btn btn-default data-toggle=tooltip data-placement=bottom title=Tooltip links>Tooltip links</button>



<script>

$(function () {

$('[data-toggle=tooltip]').tooltip()

})

</script>





<script src=https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js></script>

<script src=js/bootstrap.min.js></script>





</body>

</html>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

daja

Add To Favorites

Follow

Total Points: 407

Total Questions: 103

Total Answers: 103

Location: Ghana

Member since Sun, Mar 27, 2022

2 Years ago

daja questions

1 How to delete a file in antd Upload component

Tue, Dec 21, 21, 00:00, 2 Years ago

1 map() with async vs promise.all()

Thu, Apr 23, 20, 00:00, 4 Years ago

1 React useEffect (with []) is called every time I change page (React Router)

Fri, Oct 25, 19, 00:00, 5 Years ago

1 Detect URL change in querystring

Fri, Sep 6, 19, 00:00, 5 Years ago

1 How to query relations with Knex.js?

Tue, Jul 23, 19, 00:00, 5 Years ago

View All

answered 9 Years ago nikhilh · Accepted Answer

Try this code

<!DOCTYPE html>

<html lang=de>

<head>

    <meta charset=utf-8>

    <meta http-equiv=X-UA-Compatible content=IE=edge>

    <meta name=viewport content=width=device-width, initial-scale=1>

    <title>Bootstrap-Basis-Vorlage</title>

    <link href=css/bootstrap.min.css rel=stylesheet>

</head>

<body>

    <button type=button class=btn btn-default data-toggle=tooltip data-placement=bottom title=Tooltip links>Tooltip links</button>









    <script src=https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js></script>

    <script src=js/bootstrap.min.js></script>

    <script>

        $(function () {

            $('[data-toggle=tooltip]').tooltip();

        });

    </script>



</body>

</html>