发送电子邮件，在按钮中有一个href链接

我发送一封确认邮件（现在可以工作了！），在邮件中，我希望链接显示为一个按钮。发送电子邮件，在按钮中有一个href链接

我尝试这样做：

<p><%= link_to t('.action', default: 'Confirm my account'), 
     confirmation_url(@resource, confirmation_token: @token, locale: I18n.locale), class: "btn btn-primary" %></p>

，我追加，等级： “BTN BTN-初级”，但没有奏效。什么是正确的方法来做到这一点？

我有引导安装和在我的应用程序工作。我听说你需要在电子邮件中引用bootstrap，但是如何？

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1.0"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" 
</head> 
<body> 

<p><%= link_to t('.action', default: 'Confirm my account'), confirmation_url(@resource, confirmation_token: @token, locale: I18n.locale), class: "btn btn-primary" %></p> 

</body> 
</html>

来源

2017-02-12 matt napper

你在邮件布局引用'bootstrap.css'？ – Iceman

可能不是初学者，我该如何检查和/或引用bootstrap.css？ –

我有引导程序在我的应用程序中设置并运行，但在我的邮件程序中未引用，如果这就是您要求的内容 –

不知道，为什么引导是不是因为你的工作它的工作原理，加入btn类的tag.However，不依赖于现有的风格，如果你想显示的链接作为电子邮件的按钮，你可以简单地使用css.Try来添加这个类。也可以删除p标签。

 ####css  
    .button { 
     background-color: red; 
     border-radius: 5px; 
     color: white; 
     padding: .5em; 
     text-decoration: none; 
     display:block; 
    } 
    .button:focus, 
    .button:hover { 
     background-color: DarkGreen; 
    } 


####html 
<%= link_to t('.action', default: 'Confirm my account'), 
     confirmation_url(@resource, confirmation_token: @token, locale: I18n.locale), class: "button" %>

更多实例here

来源

2017-02-13 00:06:42 Milind

那么，你会怎么写在CSS中，使一切像一个正常的HTML文本？是你说什么 –

是的..我在我的电子邮件模板里添加了样式标签。 – Milind

发送电子邮件，在按钮中有一个href链接

回答

相关问题