title: Add text to bootstrap select input in same line
body: <p>I'm trying to add an asterisk to the select input field, I can easily do if I give the  my css but my condition is to use bootstrap 3.3.7 or lesser version and display the asterisk on the same line <a href="https://i.stack.imgur.com/o8RPD.png" rel="nofollow noreferrer">screenshot</a>.</p>
  
  <pre><code>&lt;style&gt;
  .asterik-span{
      color: red; font-family: bold; font-size: 16px;
   }
  .select-diag{
     width:90%;border:1px solid #ddd; border-radius:3px;height:32px;
   }
  &lt;/style&gt;
  </code></pre>
  
  <p>html</p>
  
  <pre><code> &lt;select  class="select-diag"&gt;
      &lt;option &gt;Value1&lt;/option&gt;
      &lt;option &gt;Value2&lt;/option&gt;
      &lt;option &gt;Value3&lt;/option&gt;
  &lt;/select&gt;
  &lt;span class='pull-right asterik-span'&gt;*&lt;/span&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/rahilAhmed/kxEML/365/" rel="nofollow noreferrer">Jsfiddle</a></p>