如何将Bootstrap样式应用于电子邮件正文

时间:2015-10-23 10:21:10

标签: asp.net-mvc twitter-bootstrap

我的.net MVC应用程序具有向客户端发送电子邮件的逻辑,下面是发送电子邮件的代码。

  string strBody = @"<!DOCTYPE html><html lang='en'><head><title>Ticket Application</title><meta charset='utf-8' /><script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'></script><link rel='stylesheet' type='text/css' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'></head><body><div class='container'><div class='row'><table class='table-condensed table-responsive'><thead><tr><th></th><th></th></tr></thead><tbody><tr class='danger'><td><label>Title</label></td><td>{title}</td></tr><tr class='active'><td><label>Description</label></td><td>{description}</td></tr><tr><td><label>Project</label></td><td>{project}</td></tr><tr><td><label>Priorty</label></td><td>{priorty}</td></tr><tr><td><label>Current Status</label></td><td>{Open}</td></tr></tbody><tfoot></tfoot></table></div></div></body></html>';";

string strToAddress = "test@test.com";

using (SmtpClient client = new   SmtpClient(ConfigurationManager.AppSettings["SMTPHost"],    Convert.ToInt32(ConfigurationManager.AppSettings["SMTPPort"])))
{
MailMessage message = new    MailMessage(ConfigurationManager.AppSettings["SMTPFromUser"],
                                                  strToAddress,
                                                    //ConfigurationManager.AppSettings["EmailSubject"],
                                                  "Test Subject",
                                                  strBody);
message.IsBodyHtml = true;              
client.EnableSsl = true;
client.Credentials = new             NetworkCredential(ConfigurationManager.AppSettings["SMTPUser"], ConfigurationManager.AppSettings["SMTPPassowrd"]);
client.Send(message);message.Dispose();
client.Dispose();

}

“strBody”变量包含HTML,它是邮件正文。 在这个HTML中,我已经包含了用于Bootstrap css和JS文件的CDN。 https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js

但我没有看到应用于电子邮件内容的引导样式。 请告诉我需要做什么,以便将引导样式应用于电子邮件内容。

2 个答案:

答案 0 :(得分:4)

只有内联CSS样式适用于电子邮件中的HTML。

答案 1 :(得分:0)