Kiedy używamy css grid, i jak się on ma do Bootstrapa?

Question

Cześć, chciałem wprowadzić swoje umiejętności w programowaniu stron WWW na wyższy poziom, ale nasuwa mi się masa pytań(ale w tym poście tylko dwa z nich):

Czy jeśli używam grid'a to decydując się na niego wykonuję całą stronę za jego pomocą, czy raczej robię mieszankę tzn. mam potrzebę wykonania jednej sekcji strony poprzez grid i jest to jedyny taki element na całej stronie?

Skoro używając grida tworzę siatkę to czy nie koliduje on z Bootstrapem, jak to rozwiązać ?

Answer 1

Bootstrap i tym podobne to tylko biblioteki kodów napisanych w css, nie jakiś program.

Samemu możesz stworzyć taką bibliotekę.

Nadal to będzie tylko kod css.

Możesz użyć tylko część kodów z danej biblioteki, kiedy tylko chcesz.

Możesz zmodyfikować daną bibliotekę tak, by nie załączać zbędnych dla siebie kodów nie obciążając zbędnie strony.

Pomijając bootstrap, jeżeli masz na myśli ten css grid:

https://css-tricks.com/snippets/css/complete-guide-grid/

To jest opcja display: grid wbudowana w css, i nie wiele ona się ma do bootstrap.

Bootstrap o ile się nie mylę ma swój grid stworzony w display: flex i mniej możliwości niż css grid oferuje.

Css grid jest bardziej rozbudowany, ale nowy i chyba dopiero teraz w pełni bezpiecznie jest go używać jeśli chodzi o wsparcie przeglądarek.

Gdy załączasz bootstrap. używają klas jakie odwołują się do bootstrapa korzystasz z tej biblioteki.

Normalnie jednak tworzysz i używasz kiedy chcesz swoje kody, gdyby jakaś biblioteka w tym przeszkadzała nie miała by ona sensu.

Biblioteka to tylko narzędzie, którego używasz kiedy chesz.

Css grid nie koliduje w żadnym stopniu z bootstapem bo grid bootstrapa nie ma w swoim kodzie nawet ani razu opcji: diplay:grid, możesz sprawdzić tutaj:

https://github.com/m-spyratos/bootstrap-4-grid/blob/master/css/grid.css

Jednak, idzie skolidować z bootstrapem swoje kody, jeśli samemu nadasz taką samą klasę i przypiszesz jej kody, co używa bootstrap.

Wtedy w zależności, czy plik bootstrap, czy swój kod css załączysz ostatni, pokrywający się ze sobą kod zostanie wyegzekwowane przez przeglądarkę ten, który wczyta się ostatni.

Jednak by do tego doszło, pewnie trzeba to zrobić specjalnie, bo jak ktoś załącza bootstrap to mniej więcej wie, jakie klasy oni używają, z resztą i tak trudno by było trafić jakąś nie znając ich.

 

 

Answer 2

1.Nie musisz robć wszystkich rzeczy na gridzie

2.raczej nie, ponieważ siatka css grid jest wbudowana w css, a siatka bootstrapowa pochodzi z oddzielnego pliku.