hollow sinew
Estou tentando mudar posicionamento do carousel-caption, meu foco é posicionar em um local mais pra cima da imagem.
Consegui o resultado que queria, criei um H1 no lugar do H5 padrão e mudei o posicionamento do Título e paragrafo por meio do margin-bottom, mas isso resulta em alguns problemas para a exibição mobile, o texto vai subindo e some de acordo com a resolução atingida na tela.
Como posso fazer isso de maneira responsiva?
(Muita gambiarra)
quaint palm
De uma á duas. Ou você remove a classe 'd-none' da div do 'container'
Ou você utiliza outra unidade me medida (mesurar) o texto no meio.
Com o avanço do CSS3 Bootstrap ta ficando pra trás.
Por causa dos atributos das flexboxes (CSS: display: flex;)
Hoje em dia é possível criar um layout responsivo apenas com flexboxes.
hollow sinew
Consegui dar uma amenizada dessa maneira, mas ainda tenho problemas com resoluções entre 1200 e 1600
hollow sinew
De uma á duas. Ou você remove a classe '**d-none**' da div do '**container**'
...
Seria mais interessante ir pros flexbox ent?
quaint palm
Seria mais interessante ir pros flexbox ent?
No seu caso sim.
Usar pixels para fonte usando Bootstrap sempre dá problema.
É algo fora de implementação.
Pra trabalhar com fonte e Bootstrap é recomendado usar a unidade de medida REM.
EG:
.p-carousel {
font-size: 0.7 rem;
}
[peguei como fonte a documentação de Tipografia do BS]