如何在 laravel 邮件模板中使用引导程序

Posted 2023-03-14

【中文标题】如何在 laravel 邮件模板中使用引导程序

【英文标题】：How to use bootstrap in laravel mail template

【发布时间】：2016-06-08 07:36:04

【问题描述】：

我尝试了 20 多次使用邮件模板中的引导程序获取带有 href 的按钮，但它没有给出正确的输出。

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<a href="http://google.com" class="btn btn-success">Yes</a> 

【问题讨论】：

我认为您不允许在邮件模板中链接样式。您需要以老式方式设置样式：head section 中的 raw css

感谢您的建议..为什么邮件模板中不支持引导程序..??

@manix 甚至<style> 标签也不受某些电子邮件客户端的支持。内联样式是唯一安全的方法。

@dhamodharan 你可能想看看Laravel Mail CSS Inliner。这应该只从引导 css 中为每个元素内联必要的样式。

谢谢@manix 甚至..这对我有帮助..

【参考方案1】：

很遗憾，Gmail 似乎不支持 html 中的任何地方的链接或样式标签。这越来越烦人了

【参考方案2】：

您不能在大多数电子邮件中使用链接标签。因为没有多少电子邮件客户端支持这一点，所以最好忘记它。我想您需要将 CSS 原样放在那里。示例：

<style>
    // All the bootstrap css
</style>

但我建议（如果您想按照自己的方式进行操作）为自己的按钮设置样式，这样您的电子邮件模板中的数据就会更少。

<button type="button" style="background-color: red;">My button</button>

编辑

最好使用电子邮件css/框架模板，检查this问题

【讨论】：

邮件模板可以少用bootstrap..??

@dhamodharan 我更新了我的答案，也许你可以使用类似的东西。

我不知道..我只是问你..谢谢你的回答，这节省了我的时间..