如何使用引導程序發送電子郵件模板？

我正在嘗試做出很好的響應電子郵件，並想知道如何將bootstrap包括在內。我正在使用Mac郵件應用程序。我沒有很多第三方應用程序，但我想製作自己的模板。到目前爲止，我一直附上HTML在電子郵件簽名文件，但它沒有一個頭部分我包括引導。或者即使不引導，在電子郵件中創建響應式網格的方式是什麼？如何使用引導程序發送電子郵件模板？

我有這樣的事情：

<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <title>[REPLACE THIS WITH YOUR TITLE]</title> 
     <style media="all" type="text/css"> 
     [READ THE MINIFIED CSS FILE IN SEPARATELY AND INSERT IT HERE. YOU *CANNOT* JUST USE A CSS REFERENCE.] 
    </style> 
</head> 
<body> 
    <table cellspacing="0" cellpadding="0" border="0" width="100%"> 
     <tr> 
      <td class="navbar navbar-inverse" align="center"> 
       <!-- This setup makes the nav background stretch the whole width of the screen. --> 
       <table width="650px" cellspacing="0" cellpadding="3" class="container"> 
        <tr class="navbar navbar-inverse"> 
         <td colspan="4"><a class="brand" href="[YOUR WEB URL]">Bootstrap For Email</a></td> 
         <td><ul class="nav pull-right"><li><a href="[YOUR LOGIN URL]">Log On</a></li></ul></td> 
        </tr> 
       </table> 
      </td> 
     </tr> 
     <tr> 
      <td bgcolor="#FFFFFF" align="center"> 
       <table width="650px" cellspacing="0" cellpadding="3" class="container"> 
        <tr> 
         <td>[BODY CONTENT GOES HERE]</td> 
        </tr> 
       </table> 
      </td> 
     </tr> 
     <tr> 
      <td bgcolor="#FFFFFF" align="center"> 
       <table width="650px" cellspacing="0" cellpadding="3" class="container"> 
        <tr> 
         <td> 
          <hr> 
          <p>[PUT YOUR COPYRIGHT OR OTHER FOOTERY GOODNESS HERE]</p> 
         </td> 
        </tr> 
       </table> 
      </td> 
     </tr> 
    </table> 
</body> 
</html>

來源

2016-10-06 ali

-2

以我的經驗，如果包括CSS文件在你的郵件模板也許沒有效果，你應該做的CSS代碼在你的郵件模板直接。是這樣的：

<div style="color:#FFFFF">...

來源

2016-10-06 01:44:16 Bisland

如果我想包含谷歌字體呢？這一切都是形象嗎？ – ali

電子郵件閱讀器軟件需要支持谷歌字體， btw圖像可能不顯示在一些電子郵件閱讀器軟件。 – Bisland

如何使用引導程序發送電子郵件模板？

回答

相關問題