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: 1156
Registrován: říjen 07
Bydliště: Otrokovice
Pohlaví: Muž
Stav:
Offline
Kontakt:

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 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
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: 2
Registrován: leden 24
Pohlaví: Nespecifikováno
Stav:
Offline
Kontakt:

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: 1825
Registrován: červen 11
Bydliště: Dačice
Pohlaví: Muž
Stav:
Offline

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
    1030
    od Vlada47 Zobrazit poslední příspěvek
    31 bře 2024 17:08
  • Rada jaká RAM a SSD? NTB Příloha(y)
    od pikaso.andreas » 05 zář 2023 08:18 » v Rady s výběrem hw a sestavením PC
    10
    1504
    od pikaso.andreas Zobrazit poslední příspěvek
    06 zář 2023 09:36
  • Rada s upgradem
    od Mladkov204 » 27 srp 2023 19:01 » v Rady s výběrem hw a sestavením PC
    11
    1996
    od Baggy Zobrazit poslední příspěvek
    29 srp 2023 03:14
  • rada s grafikou Příloha(y)
    od Mladkov204 » 19 srp 2023 10:48 » v Problémy s hardwarem
    2
    1161
    od Mladkov204 Zobrazit poslední příspěvek
    19 srp 2023 10:56
  • rada se steam
    od Mladkov204 » 17 srp 2023 20:11 » v Vše ostatní (sw)
    3
    2288
    od Mladkov204 Zobrazit poslední příspěvek
    19 srp 2023 10:41

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 3 hosti