Com o Bootstrap o padrão seguiria o modelo:
<nav class="nav navbar-fixed-top navbar-inverse">
<div class="container">
<!-- Header -->
<div class="navbar-header">
<!-- Botão toggle -->
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#barra-navegacao">
<span class="sr-only">alternar navegação</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="index.html" class="navbar-brand">
<span>Logo</span>
</a>
</div>
<!-- Navbar -->
<div class="collapse navbar-collapse" id="barra-navegacao">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Opção1</a></li>
<li><a href="#">Opção2</a></li>
<li><a href="#">Opção3</a></li>
</ul>
</div>
</div>
Porem se não funcionar você pode adicionar uma classe na sua ul e adiciona-la no css:
.navbar-direita {
float: right !important;
margin-right: -15px;
}
E para que possamos te ajudar melhor, poderia adicionar o seu código se possivel á algum editor de texto online, como o codepen.io
Tirei a Marca d'agua, a espaço sem nada do lado do banner é exibido em apenas resoluções altas do pc, não muito usado.
http://i.imgur.com/FjXoJk8.png
Também complementei o banner com os lados, os outros espaços sem nada (acima e abaixo do banner) são exibidos apenas em Tv's.
http://i.imgur.com/HS839Cd.jpg