Bootstrap responsive webpage: Collapse text based on screen-size

Question

I am using Bootstrap 4 for my webpage. On a full-sized screen, it looks like this:

On a small sized screen, it looks like this:

Please modify my code