Bootstrap - rada - responsivita

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Uživatelský avatar
pikaso.andreas
Level 4
Level 4
Příspěvky: 1159
Registrován: říjen 07
Bydliště: Otrokovice
Pohlaví: Muž

Bootstrap - rada - responsivita

Příspěvekod pikaso.andreas » 31 pro 2023 11:46

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 mobilu se vše scucne do úzkého sloupečku:
namobilu.png


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


Děkuji
ONDRA
Nemáte oprávnění prohlížet přiložené soubory.
Rád se přiučím od zkušenějších... A učený z nebe nespadl :-D

Když mám čas, dělám geoboardy pro děti.

Reklama
cisadesign
nováček
Příspěvky: 3
Registrován: leden 24
Pohlaví: Nespecifikováno

Re: Bootstrap - rada - responsivita

Příspěvekod cisadesign » 02 led 2024 06:22

Zdravím,
je to díky nastavení padding u vnitřního containeru, není definována varianta pro menší rozlišení.
Tvorba loga, webových stránek, nebo design tiskovin jsou pro mě nejen denním chlebem, ale i vášní
https://cisadesign.cz

Uživatelský avatar
Arha
Level 4.5
Level 4.5
Příspěvky: 1826
Registrován: červen 11
Bydliště: Dačice
Pohlaví: Muž

Re: Bootstrap - rada - responsivita

Příspěvekod Arha » 06 led 2024 01:51

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.
I skladník ve šroubárně si může psát vlastní SQL příkazy.


  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • Rada s upgradem PC na CS2
    od gikox54986 » 31 bře 2024 14:11 » v Rady s výběrem hw a sestavením PC
    3
    1751
    od Vlada47
    31 bře 2024 17:08
  • Dobrá rada potěší
    od Stenatko » 29 lis 2023 22:09 » v Internet a internetové prohlížeče
    20
    8025
    od mmmartin
    08 pro 2023 22:49
  • rada s výběrem brašny na notebook
    od DeNNI85 » 27 pro 2023 18:17 » v Vše ostatní (hw)
    1
    2571
    od mmmartin
    27 pro 2023 19:45
  • Rada s výběrem komponent/PC - cenový strop 70 000 Kč
    od Narthelianail » 16 črc 2024 07:29 » v Rady s výběrem hw a sestavením PC
    4
    1536
    od Kminek
    16 črc 2024 11:29

Zpět na “Programování a tvorba webu”

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 0 hostů