Texto + Imagem - Bootstrap [Resolvido]


(Felipe Arruda) #1

Boa tarde!
Estou fazendo um layout e estou tendo dificuldade em posicionar o elemento, o que acontece é que quando eu mudo a resolução para um dispositivo móvel o texto que eu tenho no header sobrepõem a imagem.

Segue um exemplo do que está acontecendo, caso alguém tenho uma solução de como contornar, agradeço.


(Richelly Italo) #2

Possivelmente pode ser alguma ausência de clear: both; display: block, se estive compartilhado online seria mais fácil resolver.


(Felipe Arruda) #3

@richellyitalo Valeu pelo retorno.
Porém o sistema e na intranet e não tenho autorização nem para mostra-lo, portanto fiz esse esboço.
Realizei os testes que você mencionou porém não obtive sucesso, como solução paliativa fiz que ele não aparecesse no dispositivo utilizando hidden-sm.

Mas irei continuar pesquisando uma outra solução, caso alguem tenha uma outra opção utilizando as "tags" do bootstrap.


(Luã Ciceri Schwertner) #4

Coloque as grids do bootstrap para ocupar todo o espaço, caso o problema seja no mobile coloque nas div a classe col-xs-12. Caso seja outra resolução é só mudar a classe de acordo com a mesma.


(Felipe Arruda) #5

Consegui resolver com algumas media queries.