title: How can I implement a drop down clickable icon menu using Twitter BootStrap?
body: <p>I am prettyn new in <strong>Twitter BootStrap</strong> and I have the following problem.</p>
  
  <p>I know that BootStrap provide a <strong>drop down</strong> menu, something like this: <a href="http://getbootstrap.com/components/#dropdowns-example" rel="nofollow">http://getbootstrap.com/components/#dropdowns-example</a></p>
  
  <p>Implementing in this way:</p>
  
  <pre><code>&lt;div class="dropdown"&gt;
    &lt;button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"&gt;
      Dropdown
      &lt;span class="caret"&gt;&lt;/span&gt;
    &lt;/button&gt;
    &lt;ul class="dropdown-menu" aria-labelledby="dropdownMenu1"&gt;
      &lt;li&gt;&lt;a href="#"&gt;Action&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Another action&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Something else here&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Separated link&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>As you can see it show a <strong>button</strong> with <strong>Dropdown</strong> as text and when the button is clicked the menu voices are shown.</p>
  
  <p>Now my problem is that i want something like this but I need to have a clickable icon, when the icon is clicked the drop down menu is shown (as is in FaceBook where clicking on the down arrow in the main menu you obtain a sub menu related to your profile).</p>
  
  <p>How can I implement something like this using BootStrap?</p>