Bootstrap4: “col-12” is still too wide in the mobile screen, how can I wrap text?

Question

I\'m using Bootstrap4 for the grid systems. I\'m using col-12 for the mobile screen, and col-md-6 for the laptop screen. When I check my website on