title: Can't redefine font-size of BootStrap's dropdown-menu class
body: <p>I'm having the hardest time trying to redefine the font-size of BootStrap's .dropdown-menu class. </p>
  
  <p>The Firefox inspector says it's from .dropdown-menu (inherited from ul), so I tried ul.dropdown-menu, .dropdown-menu but with no luck. </p>
  
  <pre><code>&lt;nav class="navbar navbar-inverse" role="navigation"&gt;
      &lt;div class="container-fluid"&gt;
          &lt;div class="navbar-header"&gt;&lt;/div&gt;
          &lt;div id="myMenu" class="collapse navbar-collapse"&gt;
              &lt;ul class="nav navbar-nav"&gt;
                  &lt;li&gt;First list item&lt;/li&gt;
                  &lt;li id="my-messages" class="dropdown"&gt;
                      &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#"&gt;Messages&lt;/a&gt;
                      &lt;ul class="dropdown-menu pull-right" aria-labelledby="dLabel" role="menu"&gt;
                          &lt;li&gt;Dropdown list item&lt;/li&gt;
                          ...
  </code></pre>
  
  <p>Any advise? Thanks. </p>