Posicionar imagem à direita e ao topo numa barra de menu com bootstrap

Question

Com esse código, consigo manter à direita a imagem:

    <a class="navbar-brand navbar-right"><img src="~/Images/ache.jpg" /></a>

Porem essa imagem fica dentro de uma barra de menu. Eu tenho uma imagem e redimencionei de forma a ter a mesma altura da barra(Heigth). Bem, quando isso acontece, a imagem de posiciona abaixo do top da barra, ou seja, ela fica com uma parte para fora da barra(pra baixo). Procurei alguma outra outra classe que pudesse ser usada jundo com o posicionamento à direita para fixar ela no topo da barra, mas não consegui. Usei essa navbar-fixed-top mas não funcionou. Alguém tem uma idéia em como usar? Uso bootstrap 3, mvc 5.

Answer 1

Tente utilizar: 

<a style="float:left" class="...">
    <img src="..."> </img>
</a>

Com isso sua imagem irá se alinhar a direita do link.

Answer 2

Nada, não funcionou. Veja a imagem como ficou.

Answer 3

Nada, não funcionou. Veja a imagem como ficou.

Tente isso:

<img style="margin-top: -10px; float: right"></img>

Vá ajustando apenas os pixels.

Answer 4

Era na classe brand do bootstrap. Ajustei o padding dela e resolveu. Veja como ficou.

.navbar-brand {
  float: left;
  padding: 0;//@navbar-padding-vertical @navbar-padding-horizontal;--> Aqui fiz o ajuste
  font-size: @font-size-large;
  line-height: @line-height-computed;
  height: @navbar-height;