Bootstrap ile tamamen esnek bir yapı nasıl oluşturulur?

Selam dostlar.
Wireframe'ni tamamladığım bir tasarımı Bootstrap kullanarak koda dökmeye başladım Grid ve Flex yapısını iç içe kullanıyorum. Nispeten her sayfa boyutuna duyarlı bir yapı oluşturmayı başardım(ölçüleri px olarak vermiyorum). Fakat bu videoda(Flex yazısına odaklanın) olduğu gibi tamam flexible bir yapı olmuyor(boyut değiştiğinde uyumsuzluklar oluyor). Sayfa boyutuna anlık duyarlı olan bir esneklik oluşturmak istiyorum. Bu seviyede bir esneklik oluşturmak için nasıl bir yol izlemeliyim?

Adı üstünde Flex Flexbox'a bir göz atabilirsin

Bootstrap'te farklı çözünürlükte farklı boyutlar için breakpoints kullanılır. Anlık esnek bir yapı için container grid yapısını kullanın.