title: PHP file partially fails with bootstrap
body: <p>I was trying to style a php file called dashboard.php with bootstrap. I only wrote some html code in the file to begin. When I test it, I found the styling in 'ul' tag was wrong. However other classes such as 'class="col-sm-2"' 'class="row"' are working as expect. 
  This is code in the dashboard.php: </p>
  
  <pre><code>&lt;?php ?&gt;
  
  &lt;!DOCTYPE&gt;
  
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Dashboard&lt;/title&gt;
          &lt;link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"&gt;
          &lt;script src="js/jquery-3.2.1.min.js"&gt;&lt;/script&gt;
          &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;div class="container-fluid"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-sm-2"&gt;
                      &lt;ul class="nav nav-pills nav-stacked" &gt;
                          &lt;li&gt;&lt;a href="dashboard.php"&gt;
                          &lt;span class="glyphicon glyphicon-th"&gt;&lt;/span&gt;Dashboard&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;
                          &lt;span class="glyphicon glyphicon--list-alt"&gt;&lt;/span&gt;Add New Post&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Categories&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Manage Admins&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Comments&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Live Blog&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Logout&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;&lt;!-- End of side area--&gt;
  
                  &lt;div class="col-sm-10"&gt;
                  &lt;/div&gt;&lt;!-- End of main area--&gt;
              &lt;/div&gt;&lt;!-- End of raw--&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>
  
  <p>This is the screen shot I made when testing the dashboard.php:
  <a href="https://i.stack.imgur.com/R3sbQ.png" rel="nofollow noreferrer">enter image description here</a></p>
  
  <p>If you chack the image. The left side with words in blue belongs to 'ul' tag. The style is completely wrong. It also failed to add glyphicon icons. I checked the syntax of my html code , there seems nothing wrong.</p>
  
  <p>I also want to add more information:</p>
  
  <ol>
  <li>the extension of the file is .php</li>
  <li>I opened the XAMPP with Apache opened</li>
  <li>the url that opens the file dashboard.php is correct:
  <a href="http://localhost/studyexample/PHPCMS/dashboard.php" rel="nofollow noreferrer">http://localhost/studyexample/PHPCMS/dashboard.php</a></li>
  </ol>
  
  <p>Can you help me to find why the styling in 'ul' tag is completely wrong? Thank you so much.</p>