Bootstrap 4 jak dostosować

pytanie zadane 17 lipca 2019 w HTML i CSS przez cytryn3 Nowicjusz (160 p.)

Witam, jak przerobic ten kod pod Bootstrap4 chodzi aby te bloki sie dostosowaly do rozdzielczosci.

komentarz 17 lipca 2019 przez Tomek Sochacki Ekspert (227,510 p.)

ale Ty tu nigdzie nawet nie zacząłeś dodawać bootstrapa...?! Czytałeś w ogóle jego dokumentację czy liczysz po prostu na gotowca... w css ustawiasz na sztywno PX, a chcesz robić automatyczne dostosowywanie się do wymiarów ekranu... tu w sumie w ogóle nie widzę za bardzo uzasadnienia dla podciągania userowi bootstrapa jeśli miałoby to być tylko dla rozłożenia elementów... to możesz zrobić flexem - poczytaj sobie o tym np. tu: https://css-tricks.com/snippets/css/a-guide-to-flexbox/ to jest wręcz gotowiec dla flexa.

komentarz 17 lipca 2019 przez cytryn3 Nowicjusz (160 p.)
przeniesione 17 lipca 2019 przez Arkadiusz Waluk

nie licze na gotowca tylko na pomoc, jak mam rozwiazac szkielet za pomoca Bootstrap4. Szerokosc ustawiona na sztywno bo kod skopiowałem tak jak byl.

to sa moje pierwsze poczatki

komentarz 17 lipca 2019 przez Tomek Sochacki Ekspert (227,510 p.)

no oki, ale to powiedz po prostu czego konkretnie nie rozumiesz z dokumentacji, z czym konkretnie masz problem, bo w dokumentacji wg mnie wszystko jest ładnie rozpisane: https://getbootstrap.com/docs/4.3/getting-started/introduction/

komentarz 17 lipca 2019 przez cytryn3 Nowicjusz (160 p.)

Moze i jest rozpisane ale wiadomo nie wiem za co sie zlapać. np. robie

<div class="container"></div>

A w nim elementy kwadrata, kwadratab itd... ale jak ustawić siatke grid aby to się dostosowało dodam ze grafika bedzie miala stalo szerkosc i wysokosc.

komentarz 19 lipca 2019 przez ShiroUmizake Nałogowiec (46,300 p.)

Używając bootstrapa, musisz godzić na pewne rzeczy (chyba, że sobie customizujesz :) przez sass) albo robisz na okrętkę. A po drugie to co robisz, nawet nie potrzebujesz grida. Możesz to obudować row-->xs12 sm4 i już masz 3 kwadraciki :), i na ten xs12 robisz background-image i contain i wsio.