• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Bootstrap ustawienie div

Object Storage Arubacloud
0 głosów
203 wizyt
pytanie zadane 7 maja 2019 w HTML i CSS przez michal_php Stary wyjadacz (13,700 p.)
Cześć.

Mam taki problem ponieważ Bootstrap wciska mi col-md do rozdzielczości dla smartphone.Co ciekawe jak zbadałem element to col-sm-12 powinien włącza się po przekroczeniu 540 px a niestety nie reaguję lecz włącza się ciągle col-md pomimo , że jest wyświetlany na smartphone.Czy ktoś wie co z tym zrobić?
komentarz 7 maja 2019 przez Tomek Sochacki Ekspert (227,510 p.)
pokaz kod najlepiej link do strony lub codepen
komentarz 7 maja 2019 przez michal_php Stary wyjadacz (13,700 p.)

I problem jak widać jest w takiej rozdzielczości , ze powinien działać col-12 a działa ciągle col-md-6

komentarz 7 maja 2019 przez michal_php Stary wyjadacz (13,700 p.)
komentarz 7 maja 2019 przez michal_php Stary wyjadacz (13,700 p.)
Dopiero jak ustawie co-lg to zaczyna łapać col-12

2 odpowiedzi

+1 głos
odpowiedź 8 maja 2019 przez pirouetti Mądrala (6,490 p.)

Ok.

Znalazłem przyczynę.

Dodaj w sekcji head ten kod:

<meta name="viewport" content="width=device-width, initial-scale=1">

 

0 głosów
odpowiedź 7 maja 2019 przez pirouetti Mądrala (6,490 p.)

Przejrzałem kod tej strony i nie ma tam nigdzie col-sm.

Znajduje się tylko col-12, a to nie jest równe z col-sm-12.

Zobacz tutaj: https://getbootstrap.com/docs/4.0/layout/grid/#grid-options

col-sm spada jedno pod drugie poniżej 576 pikseli.

col nie spada wcale.

komentarz 8 maja 2019 przez michal_php Stary wyjadacz (13,700 p.)

Wstawiłem col-sm-12 i mam col-md-6.W tej konfiguracji powinien działać col-sm-12 a cały czas chwyta col-md-6

Podobne pytania

0 głosów
1 odpowiedź 666 wizyt
pytanie zadane 3 lutego 2018 w HTML i CSS przez Karoldev Początkujący (300 p.)
+1 głos
2 odpowiedzi 160 wizyt
0 głosów
0 odpowiedzi 135 wizyt

92,576 zapytań

141,426 odpowiedzi

319,650 komentarzy

61,961 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...