我可以使用 bootstrap 来设计 HTML 电子邮件模板吗

Question

我需要设计一个 HTML 电子邮件模板，通过电子邮件发送给我的客户。

我知道设计一个 'html 电子邮件模板':

• 任何 css 文件都不应链接，所有样式都应内联到 html。
• 所有图像都应通过在线服务器 url 引用，不应存储在本地。

我的问题是：我可以在 html 中使用 bootstrap 来设计 HTML 电子邮件，而不下载它并在本地链接为 css 文件吗？

Answer 1

不。 Bootstrap 是一个预定义的框架，包含元素和类的属性，完全使用外部 css（元素和类的属性在外部文件中定义）。由于外部 css 不能用于设置电子邮件样式，因此也不能使用 Bootstrap。

有人可能会说他们可以从 Bootstrap.css 文件复制代码并将其粘贴到

<style></style>

标签中，但即使这是内部 css，电子邮件也不允许这样做。电子邮件仅允许内联 CSS。因此，Bootstrap 不能在电子邮件中使用，因此也不能在电子邮件模板中使用。

Answer 2

我知道这个问题已经有 3 年历史了，但我认为值得一提的是，现在我们有了 Bootstrap Email。

https://bootstrapmail.com/docs/introduction

Answer 3

理论上你可以使用它，只要你有一些内联样式的过程（如果你关心 Outlook 用户），并且只要你只使用大多数电子邮件客户端支持的 HTML/CSS。

话虽这么说，有一些专门为 HTML 电子邮件创建的框架，例如非常流行的

MJML 或 Foundation for Emails。

如果您想使用 CSS 框架创建 HTML 电子邮件，我构建了

Maizzle，它使用 Tailwind CSS 框架。

Answer 4

Parcel.io 也相当不错。

根据 MJML 网站，

https://documentation.mjml.io/

Parcel 是为电子邮件构建的代码编辑器。这个功能丰富的工具 包括语法高亮、Emmet、内联文档、 自动完成、实时预览、屏幕截图以及完整的 MJML、CSS 和 HTML 验证。使用焦点模式使预览与代码保持一致 您正在处理的代码，或检查元素以轻松找到代码 在预览中生成特定元素。使用以下命令将 MJML 导出为 HTML 点击。