Szablon PSD a kodowanie w bootstrapie

pytanie zadane 31 lipca 2017 w HTML i CSS przez Venglas Obywatel (1,160 p.)

Witam.

Chciałbym stworzyć projekt, a właściwie własne portfolio oparte na frameworku bootsrap.

Jednak przed rozpoczęciem chciałbym dowiedzieć się paru rzeczy, żeby potem podczas realizowania projektu nie mieć niepotrzebnych przystanków na poszukiwanie odpowiedzi na napotkane problemy.

Jeśli mam pobrany, darmowy szablon psd i chciałbym wykonać go tak aby był responsywny za pomocą bootstrapa, ale w skali 1:1. Już tłumaczę:

chodzi mi o to aby rozmieszczenie elementów na stronie i ich wielkość była identyczna jak w psd, jak to zrobić skoro mam korzystać z klas takich jak col-md-* itd. ?
Kolejna spawa, mieszanie bootsrapa z media queries to dopuszczalna praktyka?
W jaki sposób mam ustalać odległości między poszczególnymi elementami na stronie, skoro korzystam z bootstrapa? Przecież offseting nie jest dokładny jak określenie w px.
W jaki sposób skalować elementy? np. mamy element, który na psd ma wymiary 200x350 a ja chciałbym aby ten sam element dla col-sm-* miał mniejsze rozmiary np. 150x200

Zapewne pojawi się jeszcze sporo pytań po drodze i będę się starał je umieszczać tutaj. Więc chętnych do pomocy zachęcam do obserwowania tematu.

Pozdrawiam :D

komentarz 31 lipca 2017 przez jpacanowski VIP (101,940 p.)

Nie lepiej zamiast Bootstrapa napisać szablon od zera w CSS Flexbox, albo w CSS Grid? Minimalizm, krótki kod. Po drugie, czy chcesz aby twoja strona portfolio rzucała się w oczy, że jest napisana w Bootstrapie? Kolejna strona na Bootstrapie? Ehhh... Są lepsze, lżejsze frameworki CSS oferujące np. samą obsługę grid. Albo ten strasznie lekki mikroframework https://purecss.io/

komentarz 1 sierpnia 2017 przez Venglas Obywatel (1,160 p.)

Chodzi mi o to, że już uczyłem się bootstrapa i chciałbym na nim wykonać 1 portfolio.
Poza tym mam pomysł na to żeby wykonać portfolio na podstawie BS a nstępnie to samo wykonac za pomoca innych technologi, dzieki czemu bedzie pokazane, że nie tylko bootsrap jest w moim skillsecie, chce zrobic na BS i media queries osobno + jakis inny framework

3 odpowiedzi

odpowiedź 31 lipca 2017 przez Kamil Naja Nałogowiec (27,410 p.)

Bootstrap to tylko szkielet strony, który dopasowujesz do swoich potrzeb.

Możesz stosować własne modyfikatory, lepiej jest nie ruszać podstawowych klas BS. Mieszanie BS z media queries jest normalne.Odległości między elementami w RWD to sprawa względna, na innej rozdzielczości będą wyglądały inaczej.

Skalowanie - na przykład przez media queries.