Alinhamento usando a class="pull-right"

[uiLhian 1]

bom eu to tentando alinhar o menu a direita como a

1. .pull-right {float: right;}

   que vem no bootstrap mas ele bagunça tudo o topo onde ta o menu como podem ver na imagem

qual seria a solução pra isso ?

 

desde ja muito obrigado!

 

estrutura:

 

 

<div class="page-header">
<div class="btn-toolbar pull-right">
<div class="btn-group">
<button class="btn btn-success"><i class="icon-home icon-white"></i></button>
<button class="btn btn-success"><i class="icon-picture icon-white"></i></button>
</div>
<div class="btn-group">
<button class="btn btn-danger"><i class="icon-user icon-white"></i></button>
<button class="btn btn-danger dropdown-toggle" id="Login" data-toggle="dropdown">
<span class="caret"></span>
</button>
<div id="Oo" class="hide">
<form class="form-horizontal">
<div class="control-group input-prepend">
<div>
<span class="add-on"><i class="icon-user"></i></span>
<input type="text" class="input-medium" id="username" placeholder="Usuário">
</div>
<div class="input-append">
<span class="add-on"><i class=" icon-asterisk"></i></span>
<input type="password" class="input-cwva" id="inputPassword" placeholder="Senha">
<button type="submit" class="btn btn-success"><i class="icon-ok-sign"></i></button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>

resolvi usando o "clearfix" na <div class="page-header">

ficando <div class="page-header clearfix">

 

;)

[Ricardo Barantini 33]

Você tem que usar o clearfix antes da page-header.

 

(Sua div com pull-right aqui)

<div class="clearfix"></div>

<div class="page-header">
(...)

[uiLhian 1]

eu coloquei esse <div class="clearfix"></div> só pra testar e bagunço como tava antes.

ae voltei o clearfix na div com a class page-header que é como eu tinha resolvido. :)