My row has two columns
<div class="row">
<div class="col-9">
hello
</div>
<div class="col-3">
world
</div>
</div>
But I want to change the column classes for small screens, so they would be like this:
<div class="row">
<div class="col-8">
hello
</div>
<div class="col-4">
world
</div>
</div>
Is there a way to switch the classes based on screen size? I'm using thymeleaf with spring boot for backend and bootstrap 5 for frontend.