ترتیب نمایش المنت ها در موبایل ها

سلام من یک صفحه با بوت استرپ طراحی کردم که اول اومدم نوبار رو طراحی کردم بعد قسمت پست ها بعد سایدبار و بعدش قسما صفحه بندی یا همون pagination حالا این تو نسخه موبایل میاد دقیقا به همون صورتی که من کد رو نوشتم رو نشون میده یعنی نوبار که بالا هست بعد میاد پست ها رو نشون میده و بعد سایدبار و بعدش میاد قسمت صفحه بندی رو نشون میده... حالا من چیکار کنم که قسمت صفحه بندی رو قبل سایدبار بیاد نشون بده ؟ ایا بوسیله @media یا قابلیت های flex میشه اینکار رو کرد؟ میشه کسی که بلده توضیح بده؟ ممنون از شما.