Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Israel Elias

Como alterar o css do navbar do brand do bootstrap 3

Recommended Posts

Beleza pessoal

Galera um cliente pediu para eu fazer uma logo que saia uma pouco do eixo do menu navbar do bootstrap 3. Então no css eu fiz a seguinte alteração no navbar-brand

.navbar-brand{
    position:relative;
    top:10px; 
    background-color: #ff0000;
} 

uma imagem de exemplo de como ficou depois da alteração do css

exemplo-2.png


Só que estou com dificuldade em alterar a altura do brand para preencher o espaço vazio em cima. uma imagem de exemplo

exemplo-3.png

Quando eu alterei a altura para preencher o espaço vazio de cima, todo o menu também aumentou a altura.

.navbar-brand{
    position:relative;
    top:10px; 
    background-color: #ff0000; 
    height:70px; // aumenta a altura do brand
    /*ou padding-top:10px; //aumenta o padding top */
} 

veja a imagem dessa alteração da altura

exemplo-4.png

Alguém poderia me ajudar a deixar altura certinha e ainda fora do eixo do menu!

Compartilhar este post


Link para o post
Compartilhar em outros sites

cara, tu já tentou fazer um padding-bottom ou margin-bottom no brand?

olha o posicionamento de ambos e tenta ae.

Compartilhar este post


Link para o post
Compartilhar em outros sites

e o padding-top também, e quando se usa o position=relative, o elemento é posicionado em relação à sua posição normal, por isso "a esquerda: 20" adiciona 20 pixels para a posição esquerda do elemento, tente mudar o position

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.