Bootstrap grid system classes does not apply its changes on screen size change

When I change the screen size using a browser's Device Toolbar, the Bootstrap Grid System classes (col-lg-12, col-md-6, etc.) are not applied. I need to refresh the page for it to take effect. What could be the reason behind this? How can to solve?

Techs: Angular, Bootstrap

Browsers tried in: Google Chrome, Microsoft Edge, Firefox