Jak w dzisiejszych czasach pozycjonuje się elementy na stronie

Witam, uczę się trochę front-endu, aby moje strony nie były ohydne (jestem głównie back-endowcem a chciałbym stworzyć kompletny projekt z nienagannym frontem).
Dlatego zwracam się do was z zapytaniem:
Jak teraz pozycjonuje się elementy na stronie? Dodam iż zamierzam korzystać z Bootstrapa.

Czy w tym wypadku mam korzystać z tych wszystkich "position: relative, absolute // Top:, Bottom: "
Czy korzystając z Bootstrapa używa się jakiegoś innego mechanizmu? Konkretne klasy bootstrapowe?

Dzięki za wszelkie wskazówki!

Teraz głównie, flex chyba. W bootstrapie robi się to tak: https://getbootstrap.com/docs/4.0/layout/grid/

position to nie alternatywa dla flexa, grida czy czegokolwiek innego. position się używa wszędzie tam gdzie trzeba go użyć.

Flexbox gdy układamy elementy w jednym wymiarze, np rzędzie lub kolumnie (flex-direction: column). Display grid gdy chcemy tworzyć zaawansowane layouty. trzeba pamiętać jednak że część z właściwości grida nie działa na ie11 (mimo że był on pierwsza przeglądarką który go wprowadził) - jeżeli jesteś na tyle pechowy że musisz dostosować sie do tej przeglądarki. Trzeba też sprawdzić stronę na jakiś starych safari, starsze ipady czy iphony nie moga aktualizowac przeglądarki i może okazać się że strona się tam sypie.

Uważam że najważniejsze jest nauczyć się pozycjonować CZYSTYM css a potem dopiero używać frameworków. Poleganie na klasach frameworków bez zrozumienia jak działa css to błąd. No i polecam bulmę zamiast bootstrapa. Bulma jest o wiele lżejsza i pozwala używać tylko tego co nas konkretnieinteresuje czyli np tylko buttony i grid (nie milić z display grid). Bulma nie narzuca też tego swojego charakterystycznego wygladu jaki ma bootstrap i który mozna od razu poznać.