將Bootstrap css風格轉換爲純html html

Question

是否有人滿足這個要求：我使用Bootstrap css構建html頁面。我想通過電子郵件發送這個html內容。我可以使用「$（'＃myelement'）。html（）;」獲取其詳細內容。但它沒有CSS風格。我如何將Bootstrap css風格轉換爲純html，比如？

真的appericate你的任何想法。

Answer 1

在現代瀏覽器中呈現的標準HTML + CSS和基於HTML的電子郵件中的實際工作方式之間存在很多不同之處。後者更不標準化。通常，您會希望使用內聯樣式而不是嵌入式樣式表來使很多CSS內容能夠正常工作。

這一點已經在此線程討論： Best Practices & Considerations when writing HTML Emails

Answer 2

不幸的是大多數的電子郵件客戶端將不能準確顯示嵌入式樣式表;您需要使用內聯樣式和表格而不是浮動元素等。查看此線程：Best practices for styling HTML emails。 Hubspot在概述Web和電子郵件CSS的一些差異方面也做得很好。

Answer 3

您可以嘗試Emogrifier將External Css轉換爲Inline。

這將有助於轉換和使可靠的電子郵件視圖。