title: Bootstrap sticky header and footer
body: <p>Hi I am using twitter bootstrap for my website design.My header and footer are sticky.It works fine with laptop and most of the mobiles.But I am facing problem with Samsung series and old IE. Below is my code. Header</p>
  
  <pre><code>&lt;!DOC TYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;!-- Bootstrap core CSS --&gt;
      &lt;link href="css/bootstrap.min.css" rel="stylesheet"&gt;
      &lt;!-- Custom styles for this template --&gt;
      &lt;link href="css/navbar-fixed-top.css" rel="stylesheet"&gt;
      &lt;!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --&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;link href="css/carousel.css" rel="stylesheet"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="navbar navbar-inverse navbar-fixed-top " role="navigation"&gt;
          &lt;div class="container"&gt;
              &lt;div class="navbar-header"&gt;
                  &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".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;ul class="nav navbar-nav"&gt;
                      &lt;li&gt; &lt;a class="navbar-brand" href="#"&gt;&lt;img src="images/Upper Logo.png" style="position:relative;top:-15px"&gt;&lt;/a&gt; &lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
              &lt;div class="navbar-collapse collapse"&gt;
                  &lt;?php $directory = (@$_SERVER["HTTPS"] == "on") ? "https://" : "http://"; if ($_SERVER["SERVER_PORT"] != "80") { $directory .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"]; } else { $directory .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"]; } $test = explode('/',ltrim($directory)); // loop through each directory, check against the known directories, and add class $directories = array("index.php", "about_us.php","cs.php","products.php","services.php","contact_us.php"); // set home as 'index', but can be changed based of the home uri foreach ($directories as $folder){ $active[$folder] = ($test[4] == $folder)? "active":"noactive"; } ?&gt;
                  &lt;ul class="nav navbar-nav navbar-right "&gt;
                      &lt;li class="&lt;?php echo $active['index.php']?&gt;"&gt;&lt;a href="index.php"&gt;Home&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="&lt;?php echo $active['about_us.php']?&gt;"&gt;&lt;a href="about_us.php"&gt;About Us&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="&lt;?php echo $active['cs.php']?&gt;"&gt;&lt;a href="cs.php"&gt;Consulting and Solutions&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="&lt;?php echo $active['products.php']?&gt;"&gt;&lt;a href="products.php"&gt;Products&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="&lt;?php echo $active['services.php']?&gt;"&gt;&lt;a href="services.php"&gt;Services&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="&lt;?php echo $active['contact_us.php']?&gt;"&gt;&lt;a href="contact_us.php"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      Footer
      &lt;div class="navbar navbar-inverse navbar-fixed-bottom " id="footer1" role="navigation"&gt;
          &lt;div class="container"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="navbar-header" style="color:#999"&gt; &lt;span class="hidden-840" style="position:relative;top:5px"&gt; Follow Us &amp;nbsp;&amp;nbsp;&lt;/span&gt; &lt;a href="http://in.linkedin.com/pub/7concepts-informatics-private-limited/2a/710/439" target="_blank"&gt; &lt;img style="padding-top:6px" src="images/linkedin.png" /&gt; &lt;/a&gt; &lt;a href="https://www.facebook.com/pages/7Concepts-Informatics/131225693610585" target="_blank"&gt; &lt;img style="padding-top:6px" src="images/fb.png" /&gt; &lt;/a&gt; &lt;a href="https://twitter.com/the7concepts" target="_blank"&gt; &lt;img style="padding-top:6px" src="images/twiiter.png" /&gt; &lt;/a&gt; &lt;a href="https://plus.google.com/116053421390242697720/about?hl=en" target="_blank"&gt; &lt;img class="hidden-840" style="padding-top:6px" src="images/google+.png" /&gt; &lt;/a&gt; &lt;a href="mailto:sales@the7concepts.in" target="_blank"&gt; &lt;img style="padding-top:6px" src="images/mail.png" /&gt; &lt;/a&gt; &lt;/div&gt;
                  &lt;div class="navbar-collapse navbar-right hidden-840" style="color:#999"&gt;
                      &lt;ul class="nav navbar-nav"&gt;
                          &lt;li&gt; &lt;a&gt; &lt;/a&gt; &lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;script src="js/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>