How you know the bootstrap:
you may see the "col" always divided by 12. so "col-6" meaning 50% of the screen
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1695441906245/d9afb82c-0b9b-4146-b616-4a207c1e6476.png" alt class="image--center mx-auto" />

How you know the bootstrap:

you may see the "col" always divided by 12. so "col-6" meaning 50% of the screen

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1695441906245/d9afb82c-0b9b-4146-b616-4a207c1e6476.png align="center")

Bootstrap