Hi,
If 2) bugs you too much, to avoid the items wrapping you will need to increase the default 768px Bootstrap breakpoint at which the navbar becomes collapsible. You can do it:
1) Either by downloading a customized Bootstrap version from here:
http://getbootstrap.com/customize/
you need to edit the media query here:
http://getbootstrap.com/customize/#media-queries-breakpoints
* Note that this solution will affect all Bootstrap components on your page, not just your navbar.
2) Or by manually editing “bootstrap.css”. Here is an example how to increase it to 991px:
http://www.smartmenus.org/forums/topic/adjusting-the-navbar-breakpoint-bootstrap-3
This solution will only affect your navbar.
Cheers!