html - 我有带有 bootstrap 的 html 模板,我怎样才能将它转换成电子邮件模板

标签 html css twitter-bootstrap html-email

我有这个模板 我只是对页脚感兴趣,可以将它用作电子邮件 模板,这里 footer 使用了很多 css 依赖项。

我的问题:如何使用 glypicon iconsbootstrap 依赖项制作电子邮件模板?

这是我的网站:http://sryfarms.com/test1/contact.php

这是密码笔:http://codepen.io/anon/pen/vgavxe (未正确呈现)

最佳答案

不幸的是,我认为您将难以使用 bootstrap 创建电子邮件 - 大多数电子邮件客户端根本不会在 bootstrap(或任何外部 Assets )中加载 - 如果他们这样做,呈现可能与浏览器非常不同。

诸如 Outlook 之类的电子邮件客户端在呈现“真实”HTML 方面尤其糟糕,需要您使用基于表格的布局而不是 div。这是一种过时的做事方式,但我们需要支持的一些电子邮件客户端也已过时。

有很多关于构建基于表格的电子邮件的不错的网站和教程 - 但也许最好的起点是:What html/css attributes are mail safe?查看电子邮件客户端中可用的内容。

关于html - 我有带有 bootstrap 的 html 模板,我怎样才能将它转换成电子邮件模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42089433/

相关文章:

javascript - 如何触发事件来更改输入框中的值?

javascript - 使用 JavaScript 列出当前浏览器支持的 CSS 游标值

javascript - 内容文件在 SSL 连接上返回 "empty"

html - Sibling Selector Hover 仅适用于 Chrome

twitter-bootstrap - 如何将两个列向右对齐? Bootstrap 3 网格

javascript - 固定导航隐藏在谷歌地图下并在滚动后单击时移动

javascript - aptana 编辑器显示奇怪的字符 - 缩进

javascript - 如何打印带有样式的表格

javascript - Bootstrap 4点击后加载弹出iframe

javascript - Angular Bootstrap 中的选项卡