将Bootstrap css样式转换为普通html

Question

有没有人满足这个要求：我使用Bootstrap css构建一个html页面。我想通过电子邮件发送这个HTML内容。我可以使用“$（'＃myelement'）。html（）;”获取其详细内容。但它没有CSS风格。如何将Bootstrap css样式转换为纯HTML，如？

真的知道你的想法。

Answer 1

不幸的是，大多数电子邮件客户端都无法准确显示嵌入式样式表。你需要使用内联样式和表而不是浮点数等。看看这个主题：Best practices for styling HTML emails。 Hubspot也很好地概述了网络和电子邮件CSS之间的一些差异。

Answer 2

在现代浏览器中呈现的标准HTML + CSS与基于HTML的电子邮件中实际工作的内容之间存在很多差异。后者的标准化程度要低得多。通常，您希望使用内联样式而不是嵌入式样式表来使大量CSS内容起作用。

这个帖子已经讨论过了： Best Practices & Considerations when writing HTML Emails

Answer 3

您可以尝试Emogrifier将外部Css转换为内联。

有助于转换并使电子邮件视图可靠。