如何为Dynamics 365 CRM添加Bootstrap？能否用其创建邮件模板？

我来分享几种靠谱的集成方式，不同场景对应不同操作：

1. 上传为Web资源（最通用的方案） #

这是最稳定的做法，不管你要在表单、自定义页面还是Web资源里用都适用：

• 先下载Bootstrap的压缩包（包含CSS和JS），如果是在线环境也可以用CDN，但离线环境建议用本地文件
• 登录Dynamics 365，进入高级设置 > 自定义 > 解决方案，找到Web资源区域（或者直接搜索“Web资源”）
• 分别新建Web资源：上传Bootstrap的CSS文件时，类型选「样式表 (CSS)」；上传JS文件时，类型选「脚本 (JScript)」
• 引用方式：
  • 要是做HTML Web资源，就在<head>里加：

    <link rel="stylesheet" href="WebResources/你的Bootstrap_CSS文件名" />
    <script src="WebResources/你的Bootstrap_JS文件名"></script>
    

  • 要是在实体表单里用，打开表单的「表单属性」，把这两个Web资源加到「引用的Web资源」列表里就行

2. 在Power Pages（原Portals）里集成 #

如果是给外部用户用的门户页面，直接在页面头部加CDN链接或者引用上传的Web资源就好：

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

⚠️ 注意：Portals自带一些样式，可能和Bootstrap冲突，最好先做个兼容性测试。

3. 实体表单的自定义控件 #

要是只想在表单某一块用Bootstrap样式，比如做个带样式的展示区，可以先写好带Bootstrap类的HTML，做成Web资源，然后把这个Web资源拖到表单的对应节里，记得确保表单已经引用了Bootstrap的CSS和JS。

完全可以，但得注意邮件客户端的限制，不然样式会失效：

核心限制：邮件客户端不支持外部资源 #

Dynamics 365的邮件模板支持HTML，但几乎所有邮件客户端（Outlook、Gmail、Apple Mail等）都会过滤外部CSS和JS，所以直接贴Bootstrap的CDN链接或者引用Web资源是没用的——这些外部资源会被屏蔽。

正确的做法：用内联CSS #

要让Bootstrap样式在邮件里生效，必须把样式直接写到HTML元素里：

1. 先写好带Bootstrap类的HTML结构（比如按钮、卡片这些）
2. 用CSS内联工具把Bootstrap的样式批量转成内联样式，也就是把样式放到每个元素的style属性里
3. 把处理后的内联HTML粘贴到Dynamics 365的邮件模板编辑器里

举个例子，原本的Bootstrap按钮：

<button class="btn btn-primary">点击查看详情</button>

转成内联样式后变成：

<button style="display: inline-block; font-weight: 400; line-height: 1.5; color: #fff; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; background-color: #0d6efd; border: 1px solid #0d6efd; padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 0.375rem;">点击查看详情</button>

额外注意事项 #

• 别用Bootstrap的JS组件（比如模态框、下拉菜单），邮件客户端根本不支持JS
• 写完模板一定要在目标邮件客户端里测试，不同客户端对HTML/CSS的支持差异很大，避免样式错乱

内容的提问来源于stack exchange，提问作者Jumaev