Stránka 1 z 1

Bootstrap - rada - responsivita

Napsal: 31 pro 2023 11:46
od pikaso.andreas
Ahoj,

jsem v bootstrapu začátečník a použil jsem základní šablonu z w3school, ale na mobilním zobrazení se mi celý web scucne do úzkého sloupce. Ať dělám co dělám, nejde to širší. :-/
Na pc je to pěkně široké:
napc.png
na pc

Na mobilu se vše scucne do úzkého sloupečku:
namobilu.png
zuzene na mobilu


Poradí někdo? :-D Jak docílit toho aby to na mobilu bylo širší?
www.zodreva.cz


Děkuji
ONDRA

Re: Bootstrap - rada - responsivita

Napsal: 02 led 2024 06:22
od cisadesign
Zdravím,
je to díky nastavení padding u vnitřního containeru, není definována varianta pro menší rozlišení.

Re: Bootstrap - rada - responsivita

Napsal: 06 led 2024 01:51
od Arha
Do CSS vložte:

@media screen and (max-width: 480px) {
.container {padding: 60px 30px;}
}

Můžete i padding změnit, stejně jako maximální šířku, u které se element upraví. Stejně jako vybrat dle třídy / ID.