title: IE 8 not losing Bootstrap container effect
body: <p>When I started making this web app in PHP I thought I would easily accomplish the project by giving the Bootstrap container effect , but gradually with the development I realized that I need more content on the page because of scope change and I no more want Bootstrap container effect and want to use the full page for my web app(with side panels and shortcuts etc.)</p>
  
  <p>Now the problem what I am facing is that IE 8 is not losing that container effect even when I remove the tags. Currently I replaced the tags with col.md 10 for main content on one side and col.md 2 for sidebar.</p>
  
  <p>The change has been beautifully adapted by Chrome ,Firefox and safari.I researched a lot but I cannot find the solution to this problem.I am a beginner in bootstrap and PHP.</p>
  
  <p>Below are the header files and main tags.</p>
  
  <pre><code>&lt;head&gt;    
      &lt;!--[if lt IE 9]&gt;
          &lt;script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"&gt;&lt;/script&gt;
          &lt;script src="js/respond.js"&gt;&lt;/script&gt;
       &lt;![endif]--&gt;       
      &lt;title&gt;Test Page&lt;/title&gt;
      &lt;!-- Meta to make IE compatible with Font awesome --&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,IE=8,9,10"&gt;
  
      &lt;!-- File inclusion of JS and CSS --&gt;
      &lt;?php
      include ('config/css.php');
      include ('config/js.php');
      ?&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p><strong>Body</strong>
  `</p>
  
  <pre><code>&lt;div class="col-md-2 " id="sidebar"&gt;
      &lt;div class="navbar-header"&gt;&lt;h4&gt;Generate Reports&lt;/h4&gt; &lt;/div&gt;
       &lt;div class = "navbar-collapse collapse"&gt;&lt;/div&gt;
       &lt;ul class="nav navbar-default" id="sidebar"&gt;
            &lt;li&gt;&lt;a href="#S1"&gt;&lt;i class="fa fa-chain-broken "&gt;&lt;/i&gt;&amp;nbsp; Sidebar button 1&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#S2"&gt;&lt;i class="fa fa-scissors "&gt;&lt;/i&gt;&amp;nbsp; Sidebar button 2&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#S3"&gt;&lt;i class="fa fa-link "&gt;&lt;/i&gt;&amp;nbsp; Sidebar button 3&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#S4"&gt;&lt;i class="fa fa-magic "&gt;&lt;/i&gt;&amp;nbsp; Sidebar button 4&lt;/a&gt;&lt;/li&gt;
       &lt;/ul&gt;   
  &lt;/div&gt;
  
  &lt;div class="col-md-10 pull-right"&gt;
      &lt;h4&gt;Wire List&lt;/h4&gt;
      &lt;div class="main_data" &gt;
          &lt;?php
          include ('template/displaycontent.php');
          ?&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>`</p>
  
  <p>I am struggling with this issue for few days now and the thing is company default browser is IE8 and thus it has to be compatible with it.  I would appreciate if someone can help.</p>