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: 1151
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: 1
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: 1823
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 grafikou
    od Mladkov204 » 19 srp 2023 10:48 » v Problémy s hardwarem
    2
    955
    od Mladkov204
    19 srp 2023 10:56
  • rada se steam
    od Mladkov204 » 17 srp 2023 20:11 » v Vše ostatní (sw)
    3
    1738
    od Mladkov204
    19 srp 2023 10:41
  • Upgrade RAM - rada
    od Zidy » 16 kvě 2023 21:31 » v Problémy s hardwarem
    8
    1165
    od Zidy
    17 kvě 2023 19:14
  • Rada s upgradem
    od Mladkov204 » 27 srp 2023 19:01 » v Rady s výběrem hw a sestavením PC
    11
    1738
    od Baggy
    29 srp 2023 03:14
  • Rada jaká RAM a SSD? NTB
    od pikaso.andreas » 05 zář 2023 08:18 » v Rady s výběrem hw a sestavením PC
    10
    1312
    od pikaso.andreas
    06 zář 2023 09:36

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

Kdo je online

Uživatelé prohlížející si toto fórum: CommonCrawl [Bot] a 2 hosti