引导响应在 html 邮件正文中不起作用答案

【问题标题】：Bootstrap responsiveness not working in html mail body引导响应在 html 邮件正文中不起作用
【发布时间】：2018-07-07 09:06:36
【问题描述】：

我正在尝试在邮件正文中嵌入 html 标签。它工作正常，但引导类不起作用，因此失去了邮件正文的响应能力。

<head>
    <link href="css/bootstrap.min.css" rel="stylesheet">
</head>

我正在使用 PHP 邮件程序进行邮件发送。已添加引导源文件。任何帮助请..以下是邮件正文的代码。

$body="<div class='container'>
                <div class='row'>
                    <div class='col-xl-12'>
                        <p style='padding-top:30px;color: #1f497d;'><b>XXXXXX</b></p>
                        <p style='padding-bottom:15px;color: #1f497d;'>XXXX</p>
                        <img class='img-responsive' id='mail-logo' src='cid:logo_2u' width='500'>
                        <p style='color: #1f497d;'><img class='img-responsive' src='cid:location-icon'> Address here</p>
                        <p style='color: #1f497d;'><img class='img-responsive' src='cid:phone-icon'> +XXXXXX   <img class='img-responsive' src='cid:fax-icon'> +XXXXXX   <img class='img-responsive' src='cid:mobile-icon'> +XXXXXX</p>
                        <p style='color: #1f497d;'><img class='img-responsive' src='cid:email-icon'> XXXXXXX | XXXXX    <img class='img-responsive' src='cid:globe-icon'> XXXXXX</p>
                    </div>
                </div>
            </div>";

【问题讨论】：

标签： php html css email

【解决方案1】：

在提出问题之前，请先搜索一下：

当你创建一个电子邮件模板时，你必须使用内联样式和模板。

Can I use bootstrap for designing HTML Email Templates

Email Template Design with Bootstrap

【讨论】：