發送電子郵件，在按鈕中有一個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鏈接

回答

相關問題