Hi,

I am testing an email with the HTML built on Bootstrap. The email goes to both, my desktop Outlook and my iPhone email.
On iPhone email the page is responsive (even with some problems that I described in another thread). But the Outlook email on the desktop is not responsive at all. Each column has its one row.
Example:

EQUIPMENT ID:
BLABLABLA
EQUIPMENT DESCRIPTION:
EQ BLABLABLA
BUILDING:
MAIN
VENDOR:
ABC123

On iPhone the above is shown differently:

EQUIPMENT ID:     BLABLABLA
EQUIPMENT DESCRIPTION:   EQ BLABLABLA
BUILDING:    MAIN
VENDOR:      ABC123

Could anyone see why Outlook email does not recognize Bootstrap?

TIA

UPDATE. Definitely something is "wrong" with Outlook email. I added a simple class "text-center" and it works on the iPhone email. That is, on the iPhone the text is centered. But on Outlook 365 (on the desktop) the text is left justified.

UPDATE 2.
I found an article online that says

2. Stick to tables when creating Outlook HTML email templates

The article URL is

https://www.contactmonkey.com/blog/outlook-rendering-issues

I was replacing the Table style with the Bootstrap and it turned out that I should have left the Table as is.