我想在我的 Action Mailer 视图中使用 Bootstrap 2答案

【问题标题】：I Would Like To Use Bootstrap 2 in my Action Mailer View我想在我的 Action Mailer 视图中使用 Bootstrap 2
【发布时间】：2015-04-23 19:46:11
【问题描述】：

我目前在我的 Rails 4.0.13 应用程序中使用 Bootstrap 2。我正在使用表格来模拟具有宽度参数的两列。

<table style="width: 800px;">
  <tr>
    <td style="width: 33%; padding: 10px;" valign="top" align="justify"><%= @mass_email_parm["email"].html_email_left.html_safe %></td>
    <td style="width: 67%; padding: 10px;" valign="top" align="justify"><%= @mass_email_parm["email"].html_email_text.html_safe %></td>
  </tr>
</table>

我在邮件视图的标签中有这个。

<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />

如果可能的话，我想用 span4 和 span8 或类似的东西重写我的逻辑。我已经尝试了好几次，看看是否有办法在邮件中使用 Bootstrap，但没有找到任何东西。

我想我可以尝试添加下面的链接语句。但是我想知道我拥有的元语句。关于邮件视图，我还没有处理过这些。

<link href="assets/bootstrap_and_overrides.css.less" rel="stylesheet" media="screen">

【问题讨论】：

标签： css ruby-on-rails ruby twitter-bootstrap actionmailer

【解决方案1】：

不幸的是，许多（可能是大多数）电子邮件提供商删除了外部样式表链接。 Gmail 和其他人甚至剥离了嵌入式 CSS，这意味着您唯一真正的选择是内联样式。我的建议是使用内联样式，或者使用将 CSS 转换为内联样式的工具。详情请见this excellent article。

【讨论】：

我会这样做的。谢谢。我可能会改变使用表格作为 div。
@LightBeCorp 用于电子邮件的 HTML 与用于网站的常规 HTML 和 CSS 完全不同。电子邮件的行业标准是使用表格，因为没有万无一失的方法可以将 CSS 样式应用于电子邮件标记。您可能想看看这篇关于来自 Campaign Monitor 的电子邮件编码指南的文章：campaignmonitor.com/guides/coding/guidelines
@JeanLescure 在我发表我的评论后，我决定暂时将表格留在我的邮件中并从事营销项目。猜猜我正在做标准而没有意识到。此链接还回答了有关电子邮件中图像的其他一些问题。我可能会从我的邮件中删除它们，因为有些人可能不先点击就看不到它们。