Bootstrap 3 Split in Navbar

I am using a navbar with a dropdown, but I want it to work like this:

• When you click on the text, the link is executed.
• When the cursor button is pressed, the dropdown opens / closes

I don't want to use buttons (or a group of buttons), just a dropdown. I tried:

• using two separate <a> s, but they appear one below the other:

• make two <a> tags: inline, but this puts them next to each other, but not aligned with the rest of the navbar:

The question was already asked in 2013, but the solutions provided do not work with Boostrap 3.