Split dropdown in the navbar

[Sachin Pande]

Hi, 

I am trying to figure out how to have a split dropdown in the navbar, 
similar to the split button dropdown shown in the docs. I have tried it 
using this markup:

<li class="dropdown">
                <a href="#portfolio">
                      Portfolio
                      <a href="#"
                      class="dropdown-toggle"
                      data-toggle="dropdown">
                      <b class="caret"></b>
                      </a>
                </a>
                <ul class="dropdown-menu">
                  ...
                </ul>
</li>

But this results in the caret going to a new line like this:

<http://i.imgur.com/gpIsf.png>
Thank You