title: Bootstrap icon-bar span not visible
body: <p>I am working on a project and while doing the header I cannot find a reason why the span icon-bar in a button for dropdown is not showing have a look:</p>
  
  <p>Here is the html for the code you have to look for the third div in the row which is the div with two buttons inside it:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  &lt;link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/css/bootstrap.min.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/styles.css"&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;SoftHouse&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="container"&gt;
  
      &lt;nav class="navbar navbar-default"&gt;
  
          &lt;div class="container"&gt;
  
              &lt;div class="row"&gt;
  
              &lt;div class="navbar-header col-lg-4"&gt;
  
                  &lt;a href="#" class="navbar-brand"&gt;&lt;span class="wb"&gt;&lt;span class="big"&gt;S&lt;/span&gt;OFT&lt;/span&gt;&lt;span class="big"&gt;H&lt;/span&gt;OUSE&lt;/a&gt;
  
              &lt;/div&gt;
  
              &lt;div class="nav-container col-lg-4"&gt;
  
              &lt;ul class="nav nav-justified"&gt;
                  &lt;li&gt;What&lt;/li&gt;
                  &lt;li&gt;Work&lt;/li&gt;
                  &lt;li&gt;About&lt;/li&gt;
              &lt;/ul&gt;
  
              &lt;/div&gt;
  
              &lt;div class="col-lg-4" style="text-align: center;"&gt;
  
                  &lt;button class="btn btn-sm"&gt;CONTACT&lt;/button&gt;
                  &lt;button&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;/div&gt;
  
  
  
          &lt;/div&gt;
  
      &lt;/div&gt;
  
      &lt;/nav&gt;
  
  &lt;/div&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Here is the css</p>
  
  <pre><code>body
  {
      margin:0;
      padding:0;
  }
  
  .navbar-default{
      border-radius: 0;
      background-color: white;
  }
  
  .wb
  {
  font-weight:bold;
  }
  
  .big
  {
  font-size: 25px;
  }
  
  .navbar-header .navbar-brand
  {
  font-size: 17px;
  }
  
  .icon-bar
  {
      background-color: red;
      color:red;
  }
  
  .nav-justified
  {
      line-height: 52px;
  }
  </code></pre>