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: 1168
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: 3
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: 1826
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
  • HW - rada u komponentů
    od PavelKilleR » 12 čer 2025 23:03 » v Rady s výběrem hw a sestavením PC
    3
    692
    od PavelKilleR Zobrazit poslední příspěvek
    včera, 15:10
  • Rada ohledně zdroje k pc
    od Lokna » 12 kvě 2025 12:16 » v Rady s výběrem hw a sestavením PC
    3
    3268
    od windroid2 Zobrazit poslední příspěvek
    12 kvě 2025 13:20
  • Rada s výběrem monitoru
    od Ondrejjj » 10 pro 2024 23:52 » v Rady s výběrem hw a sestavením PC
    4
    1753
    od Ondrejjj Zobrazit poslední příspěvek
    11 pro 2024 11:01
  • PC okolo cca 25k (Kontrola a rada ohledně HW)
    od Mr.N00B » 04 dub 2025 18:37 » v Rady s výběrem hw a sestavením PC
    1
    2120
    od Alferi Zobrazit poslední příspěvek
    05 dub 2025 11:36
  • [RADA] Základní deska k AMD Ryzen 5 5600
    od CyberCodeDroid » 07 pro 2024 17:41 » v Rady s výběrem hw a sestavením PC
    11
    2698
    od CyberCodeDroid Zobrazit poslední příspěvek
    08 pro 2024 10:26

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