title: data-target is not working using bootstrap
body: <p>Ho friends.</p>
  
  <p>I am using navbar in Bootstarp. for collapsing a div element calling data-toogle and data-target attributes. but i don't find these attributes in my page because of these reason collapse is not working. can some one help what is missing in my code and why these attributes are not showing while typing these attributes.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;link href="../Content/bootstrap.css" rel="stylesheet" /&gt;
      &lt;link href="../Content/bootstrap-theme.min.css" rel="stylesheet" /&gt;
      &lt;link href="../Content/bootstrap.min.css" rel="stylesheet" /&gt;
      &lt;link href="../Content/bootstrap-theme.css" rel="stylesheet" /&gt;
      &lt;script src="../Scripts/angular-ui-router.js"&gt;&lt;/script&gt;
      &lt;script src="../Scripts/angular-ui-router.min.js"&gt;&lt;/script&gt;
      &lt;script src="../Scripts/Collapse.JS"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div&gt;
          &lt;nav class="navbar navbar-default navbar-fixed-top navbar-inverse"&gt;
              &lt;div class="navbar-header"&gt;
                  &lt;button type="button" class="navbar-toggle"  data-target="#mynavbar" data-toogle="collapse"&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;/button&gt;
              &lt;/div&gt;
              &lt;div class="collapse navbar-collapse" id="mynavbar"&gt;
                  &lt;ul class="nav navbar-nav"&gt;
                      &lt;li&gt;&lt;a href=""&gt;Home&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=""&gt;About&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=""&gt;Gallery&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=""&gt;Contact&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;ul class="nav navbar-right navbar-nav"&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Login/SignUp&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
  
          &lt;/nav&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>