title: Bootstrap tooltip not working with error 'tooltip is not a function' (MVC)
body: <p>I am implementing tooltip using bootstrap. My code looks like:</p>
  
  <p>View:</p>
  
  <pre><code>&lt;div class="CompleteRegistrationHeadingText glyphicon glyphicon-question-sign" data-toggle="tooltip" title="Test!"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Script:</p>
  
  <pre><code>$(document).ready(function () {
      $('[data-toggle="tooltip"]').tooltip();
  });
  </code></pre>
  
  <p>I am rendering js file and css from layout:</p>
  
  <pre><code>@Styles.Render("~/Content/css")
  @Styles.Render("~/Content/css/bootstrap")
  @Scripts.Render("~/bundles/modernizr")
  @Scripts.Render("~/bundles/jquery")
  @Scripts.Render("~/bundles/jqueryui")
  @Scripts.Render("~/bundles/bootstrap")
  </code></pre>
  
  <p>My bundles are as below:</p>
  
  <pre><code>bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css",
                  "~/Content/DocThemes/*Layout.css", "~/Content/DocThemes/Utility.css"));
  bundles.Add(new StyleBundle("~/Content/css/bootstrap").Include("~/Content/bootstrap.*", "~/Content/bootstrap-theme.*"));
  bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                          "~/Scripts/modernizr-*"));
  bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                          "~/Scripts/jquery-{version}.js"));
  bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
                          "~/Scripts/jquery-ui-{version}.js"));
  bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                          "~/Scripts/bootstrap.*"));
  </code></pre>
  
  <p>But when I run my website, I get below error:
  <img src="https://i.stack.imgur.com/NsoE6.jpg" alt="enter image description here"></p>
  
  <p>And tooltip functionality does not work.</p>
  
  <p>Am I doing anything wrong in implementation?</p>