title: When modifying the navbar, how can I render dropdown-menus correctly?
body: <p>I am using Bootstrap to create my user interface.</p>
  <p>I have a navbar that is relatively tall; the default height of the navbar is 50px and my navbar is 100px. When I render a split button, the menu drop-down doesn't respect the navbar height (the link below illustrates the problem). How do I fix this so that the dropdown renders beneath the button (and not beneath the navbar)?</p>
  <p>Also, if anyone has a suggestion on how to get rid of the gap in the middle of the button group, that'd be awesome too!</p>
  <hr />
  <h3>Clarification</h3>
  <p>I'm using SASS so I didn't realize that the link that I pasted didn't illustrate the problem. I compiled my CSS and put it in the JSFiddle link. Unfortunately, the CSS file there is huge.</p>
  <p>If you're using BootStrap with LESS or SASS, I adjusted the <code>$navbar-height</code> variable to 100px (instead of 50px).</p>
  <p>In any case, I'm hoping for some guidance on what the Bootstrap Way™ of adjusting things like the navbar height so this stuff works.</p>
  <p>(Old link that doesn't illustrate the problem)
  <a href="http://www.bootply.com/yOrqxaoM2t" rel="nofollow noreferrer">http://www.bootply.com/yOrqxaoM2t</a></p>
  <p>(New link)
  <a href="http://jsfiddle.net/marvery/VpL9N/1/" rel="nofollow noreferrer">http://jsfiddle.net/marvery/VpL9N/1/</a></p>