sending a bootstrap 4 email returns different output esults

I am trying to send a web responsive email using bootstrap. I added the bootstrap css inline , this is the code.

https://www.codeply.com/p/vcVGtwbiOL

If I send this via email from my server I receive different result. For example If I read the email in Thunderbid it shows correctly as below

but if I send it to a gmail.com account or I read it using a webmail like Roundcube I have terrible results as shown below.

Gmail

Roundcube

Is there any way to solve this ?

BTW I'm sending the email in this way

mutt -e 'set content_type=text/html' -s 'test''myemail@mymail.com'< my_template.html