title: Bootsrap Data Attributes not working
body: <p>First of all i wanted to put an icon inside an option but i could not figure out why it wont work after a while i realized that none of the data attributes works while my external .js file works fine ,and  me having no changes made to the bootsrap files.
  <strong>Worth notice</strong>
  I run the website at a local server(xampp). I also have some php in there(never had any problem with).  </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;head&gt;
  
  &lt;link href="css/bootstrap.min.css" rel="stylesheet"&gt;
  &lt;!--conecting link to boostrap --&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/workshop.css"&gt;  &lt;!-- conectin link to css --&gt;
  &lt;link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="pull-left"&gt;
  
                     &lt;select class="selectpicker " style="width: 100px; height: 29px;"&gt;
                        &lt;option selected disabled style="color: red;"&gt;Categories&lt;/option&gt;
  
                        &lt;option&gt;Random&lt;/option&gt;
                        &lt;option&gt;Random&lt;/option&gt;
                        &lt;option&gt;Random&lt;/option&gt;
                        &lt;option&gt;Random&lt;/option&gt;
                        &lt;option&gt;Random&lt;/option&gt;
                        &lt;option&gt;Random&lt;/option&gt;
                    &lt;/select&gt;
  
                    &lt;/div&gt;
  
  
  
                     &lt;div class="pull-right"&gt;
  
                     &lt;select class="selectpicker "data-style="btn-primary" style="width: 68px; height: 29px;"&gt;
                        &lt;option data-icon="glyphicon-heart"&gt;Public &lt;/option&gt;
                        &lt;option&gt;Private&lt;/option&gt;
                    &lt;/select&gt;
  
  
                        &lt;input id="botton2" type="submit" value="Post" /&gt;
  
  
  
  
  
              &lt;/div&gt;
   &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;  &lt;!--conecting link to js --&gt;
  &lt;script src="js/workshop.js"&gt;&lt;/script&gt;          
  
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>