title: "Mobile" Bootstrap-Navbar not working
body: <pre><code>&lt;!DOCTYPE html&gt;
   &lt;html lang="de"&gt;
   &lt;head&gt;
     &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
     &lt;!--&lt;meta charset="utf-8"&gt; --&gt;
     &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
     &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
     &lt;title&gt;Stadtfestlauf - Start&lt;/title&gt;
     &lt;link rel="icon" type="image/png" href="favicon.png" /&gt;
  
     &lt;!-- Bootstrap --&gt;
     &lt;link href="css/bootstrap.min.css" rel="stylesheet"&gt;
     &lt;link href="css/style.css" rel="stylesheet"&gt;
  
     &lt;!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
     &lt;!-- WARNING: Respond.js doesn't work if you view the page via file:// --&gt;
     &lt;!--[if lt IE 9]--&gt;
     &lt;script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"&gt;&lt;/script&gt;
     &lt;!--script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"&gt;&lt;/script&gt;
     &lt;![endif]--&gt;
  &lt;/head&gt;
  &lt;body id="avcontent"&gt;
     &lt;nav class="navbar navbar-default navbar-inverse" role="navigation"&gt;
       &lt;div class="container-fluid" id="navfluid"&gt;
         &lt;div class="navbar-header"&gt;
         &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"&gt;
         &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&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;a class="navbar-brand" href="./Index.html"&gt;Stadtfestlauf&lt;/a&gt;
      &lt;/div&gt;
  &lt;div class="collapse navbar-collapse" id="navigationbar"&gt;
  &lt;ul class="nav navbar-nav"&gt;
     &lt;li class="active"&gt;&lt;a href="./Index.html"&gt;Startseite&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="./Rueckblick.html"&gt;R&amp;uuml;ckblick&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="./Wettbewerb.html"&gt;Wettbewerb&lt;/a&gt;
     &lt;li&gt;&lt;a href="./anmelden.html"&gt;Anmelden&lt;/a&gt;
     &lt;li&gt;&lt;a href="./sponsoren.html"&gt;Sponsoren&lt;/a&gt;
  &lt;/ul&gt;
  &lt;/div&gt;&lt;!-- /.navbar-collapse --&gt;
  &lt;/div&gt;&lt;!-- /.container-fluid --&gt;
  &lt;/nav&gt;
  
  &lt;!-- jQuery (necessary for Bootstrap's JavaScript plugins) --&gt;
  &lt;script src="https://code.jquery.com/jquery.js"&gt;&lt;/script&gt;
  &lt;!-- Include all compiled plugins (below), or include individual files as needed --&gt;
  &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
  var msViewportStyle = document.createElement("style");
  msViewportStyle.appendChild(
  document.createTextNode(
  "@-ms-viewport{width:auto!important}"
  )
  );
  document.getElementsByTagName("head")[0].
  appendChild(msViewportStyle);
  }
  &lt;/script&gt;
  
  &lt;div class="container" id="pcontent"&gt;
    &lt;div class="col-md-7"&gt;
      &lt;div class="jumbotron"&gt;
         &lt;h1&gt;Hallo&lt;/h1&gt;
         &lt;p&gt;sample text&lt;/p&gt;
  
         &lt;div class="wrapper"&gt;
           &lt;p&gt;&lt;a class="btn btn-primary btn-lg" role="button" id="sendButton" href="http://google.com/"&gt;Ich bin hier vollkommen Falsch&lt;/a&gt;&lt;/p&gt;
         &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="col-md-5" id="imgslide"&gt;
    &lt;div id="carousel-example-generic" class="carousel slide" data-ride="carousel"&gt;
      &lt;ol class="carousel-indicators"&gt;
        &lt;li data-target="#carousel-example-generic" data-slide-to="0" class="active"&gt;&lt;/li&gt;
        &lt;li data-target="#carousel-example-generic" data-slide-to="1"&gt;&lt;/li&gt;
        &lt;li data-target="#carousel-example-generic" data-slide-to="2"&gt;&lt;/li&gt;
      &lt;/ol&gt;
      &lt;div class="carousel-inner"&gt;
         &lt;div class="item active"&gt;
       &lt;img src="Assets/img1.jpg" alt="Stadtfestlauf" id="img"&gt;
         &lt;/div&gt;
         &lt;div class="item"&gt;
       &lt;img src="Assets/img2.jpg" alt="Stadtfestlauf" id="img"&gt;
         &lt;/div&gt;
         &lt;div class="item"&gt;
          &lt;img src="Assets/img3.jpg" alt="Stadtfestlauf" id="img"&gt;
         &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Here's a my <code>index.html</code>. When I try it out on my mobile, the navigation bar doesn't work. I searched for missing div's tags.  </p>