title: Site not showing mobile layout when accessed from my phone (Bootstrap 3)
body: <p>I recently built a website, I used bootstrap to make it responsive. Everything was working pretty smooth, when I shrank my browser it changed the layout as it was supposed to, so I thought that it was going to work the same way by the time I access it from my phone, but it turns out that I was wrong, when I access the site from my phone it displays the regular site, it doesn't render to use the mobile layout.</p>
  
  <p>My code is just plain HTML and I'm using bootstrap 3, any suggestions?</p>
  
  <p>Thanks in advanced. </p>
  
  <pre><code>&lt;html lang="en"&gt;
  
  &lt;head&gt;
      &lt;!--Seg:header--&gt;
      &lt;meta charset="utf-8"&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;!-- jQuery (necessary for Bootstrap's JavaScript plugins) --&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"&gt;&lt;/script&gt;
      &lt;!-- Include all compiled plugins (below), or include individual files as needed --&gt;
      &lt;script src="js/bootstrap/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/edison.js"&gt;&lt;/script&gt;
      &lt;!-- Bootstrap --&gt;
      &lt;link href="js/bootstrap/css/bootstrap.min.css" rel="stylesheet"&gt;
      &lt;link href="css/edison.css" rel="stylesheet"&gt;   
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;div class="container"&gt;
  
  &lt;div class="header"&gt;
  &lt;span id="leftHeaderImg"&gt;
  &lt;a href="index.html"&gt;&lt;img src="images/header.gif" /&gt;&lt;/a&gt;
  &lt;/span&gt;
  &lt;span class="header-right-block"&gt;
  &lt;div class="header-medium-text"&gt;"One call does it all"&lt;/div&gt;
  &lt;div class="header-phone"&gt;800-875-9626&lt;/div&gt;
  &lt;div class="header-small-text"&gt;we handle everything for the funeral&lt;br /&gt;
  business except caskets and vaults&lt;/div&gt;
  &lt;/span&gt;
  &lt;/div&gt;
  
  &lt;!--top nav menu--&gt;
  &lt;nav class="navbar navbar-default" role="navigation"&gt;
  &lt;div class="navbar-header"&gt;
  &lt;button type="button" class="navbar-toggle" data-toggle="collapse" 
  data-target="#example-navbar-collapse"&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;span class="navbar-brand"&gt;Menu&lt;/span&gt;
  &lt;/div&gt;&lt;!--end of navbar-header--&gt;
  
  &lt;div class="collapse navbar-collapse" id="example-navbar-collapse"&gt;
  &lt;ul class="nav navbar-nav"&gt;
  &lt;li&gt;&lt;a href="products.html"&gt;Products&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="contactUs.html"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="login.html"&gt;Login&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/nav&gt;&lt;!--end of top nav menu--&gt;
  
  &lt;!--Seg:carousel--&gt;
  &lt;div class="col-sm-10"&gt;
  
  &lt;div id="this-carousel-id" class="carousel slide hidden-xs"&gt;&lt;!-- class for animation --&gt;
  &lt;div class="carousel-inner"&gt;
  
  &lt;div class="item active"&gt;
  &lt;img src="images/carrousel.png" alt="" /&gt;
  &lt;div class="carousel-caption"&gt;
  &lt;p&gt;Product 1&lt;/p&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="item"&gt;
  &lt;img src="images/carrousel.png" alt="" /&gt;
  &lt;div class="carousel-caption"&gt;
  &lt;p&gt;Product 2&lt;/p&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="item"&gt;
  &lt;img src="images/carrousel.png" alt="" /&gt;
  &lt;div class="carousel-caption"&gt;
  &lt;p&gt;Product 3&lt;/p&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="item"&gt;
  &lt;img src="images/carrousel.png" alt="" /&gt;
  &lt;div class="carousel-caption"&gt;
  &lt;p&gt;Product 4&lt;/p&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;&lt;!-- end of carousel-inner --&gt;
  
  &lt;!--  Next and Previous controls --&gt;
  &lt;a class="carousel-control left" href="#this-carousel-id" data-slide="prev"&gt;&amp;lsaquo;&lt;/a&gt;
  &lt;a class="carousel-control right" href="#this-carousel-id" data-slide="next"&gt;&amp;rsaquo;&lt;/a&gt;
  &lt;/div&gt;&lt;!-- end of carousel --&gt;
  &lt;/div&gt;&lt;!--end of col-sm-10 --&gt;
  &lt;!--End:carousel--&gt;    
  
  &lt;!--Seg:content--&gt;
  &lt;div class="row"&gt;
  &lt;div class="col-sm-3"&gt;
  
  &lt;!--sidebar nav menu--&gt;
  &lt;div class="sidebar-nav"&gt;
  &lt;div class="navbar navbar-default" role="navigation"&gt;
  &lt;div class="navbar-header"&gt;
  &lt;button type="button" class="navbar-toggle" data-toggle="collapse" 
  data-target=".sidebar-navbar-collapse"&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;span class="visible-xs navbar-brand"&gt;Categories&lt;/span&gt;
  &lt;/div&gt;&lt;!--end of navbar-header--&gt;
  
  &lt;div class="navbar-collapse collapse sidebar-navbar-collapse"&gt;
  &lt;ul class="nav navbar-nav"&gt;
  &lt;li&gt;&lt;a href="#"&gt;Acknoledgement Cards&lt;/a&gt;&lt;/li&gt;&lt;!--class="active"--&gt;
  &lt;li&gt;&lt;a href="#"&gt;Air Trays&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Body Bags&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Chapel Equipment&lt;/a&gt;&lt;/li&gt;         
  &lt;li&gt;&lt;a href="#"&gt;Flower Handling&lt;/a&gt;&lt;/li&gt;         
  &lt;li&gt;&lt;a href="#"&gt;Funeral Garments&lt;/a&gt;&lt;/li&gt;         
  &lt;li&gt;&lt;a href="#"&gt;Jewish Service Needs&lt;/a&gt;&lt;/li&gt;         
  &lt;li&gt;&lt;a href="#"&gt;OSHA&lt;/a&gt;&lt;/li&gt;         
  &lt;li&gt;&lt;a href="#"&gt;Preparation Room&lt;/a&gt;&lt;/li&gt;         
  &lt;li&gt;&lt;a href="#"&gt;Rosary Beads&lt;/a&gt;&lt;/li&gt;         
  &lt;li&gt;&lt;a href="#"&gt;Urns&lt;/a&gt;&lt;/li&gt;         
  &lt;/ul&gt;
  &lt;/div&gt;&lt;!--end of nav-collapse--&gt;
  &lt;/div&gt;
  &lt;/div&gt;&lt;!--end of sidebar nav menu--&gt;
  &lt;/div&gt;&lt;!-- end of col-sm-3 --&gt;
  
  &lt;!--content--&gt;
  &lt;div class="col-sm-9"&gt;
  &lt;div class="row"&gt;
  &lt;div class="text"&gt;&lt;strong&gt;Best Sellers:&lt;/strong&gt;&lt;/div&gt;
  &lt;div class="col-xs-12"&gt;
  &lt;div class="row"&gt;
  &lt;div class="col-md-3 col-sm-6 post"&gt;
  
  &lt;a href="#" class="thumbnail"&gt;&lt;img src="images/thumbnail.png" alt="" /&gt;&lt;/a&gt;
  &lt;h2&gt;Item&lt;/h2&gt;
  &lt;p&gt;Dummy Text! Dummy Text! Dummy Text! Dummy Text!  
  Dummy Text! Dummy Text! &lt;/p&gt;
  &lt;span class="btn btn-default"&gt;Details&lt;/span&gt;
  &lt;/div&gt;
  
  &lt;div class="col-md-3 col-sm-6 post"&gt;
  &lt;a href="#" class="thumbnail"&gt;&lt;img src="images/thumbnail.png" alt="" /&gt;&lt;/a&gt;
  &lt;h2&gt;Item 2&lt;/h2&gt;
  &lt;p&gt;Dummy Text! Dummy Text! Dummy Text! Dummy Text!  
  Dummy Text! Dummy Text! &lt;/p&gt;
  &lt;span class="btn btn-default"&gt;Details&lt;/span&gt;
  &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;&lt;!-- end of col-xs-12--&gt;
              &lt;/div&gt;
          &lt;/div&gt;&lt;!--end of col-sm-9--&gt;
      &lt;/div&gt; &lt;!-- end of row--&gt;
      &lt;!--End:content--&gt;
  
  
  
      &lt;!--Seg:footer--&gt;
      &lt;footer class="row footer"&gt;
          &lt;div class="container"&gt;
              &lt;div class="panel-footer"&gt;
                  &lt;p&gt;Copyright &amp;copy; 2014&lt;br /&gt;
                   Site design:&lt;a href="#"&gt; &lt;/a&gt;&lt;br /&gt;
                   &lt;a href="#"&gt;Return Policy&lt;/a&gt;&lt;br /&gt;
                   &lt;a href="#"&gt;Privacy Policy&lt;/a&gt; 
                  &lt;/p&gt;
              &lt;/div&gt;&lt;!--end of panel-footer--&gt;
          &lt;/div&gt;
      &lt;/footer&gt;
      &lt;!--End:footer--&gt;
  
  &lt;!--Seg:closePage--&gt;
  &lt;/div&gt;&lt;!--end of container--&gt;
  &lt;!--End:closePage--&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>