Bootstrap 不提供分享按钮组件，需自行调用平台接口或使用跳转式分享URL；微信必须用JS-SDK且需后端签名，其余平台可用a标签+编码后的分享链接实现。
Bootstrap 本身不提供分享按钮组件
Bootstrap 是 UI 框架，不是社交 SDK。它没有 shareButton、social-share 这类内置组件，所有“分享到微信/微博/豆瓣”功能都得靠你自己调用各平台的开放接口或第三方 SDK 实现，Bootstrap 只负责把按钮样式做得像样一点。
常见错误是直接搜 “bootstrap share button”，然后套用网上过时的、混用 jQuery 插件或已下线 API 的代码，结果点不动、没回调、甚至触发跨域报错 Blocked by CORS policy。
真正能落地的做法只有两种：一是用各平台官方提供的 JS-SDK（如微信 JS-SDK 需认证公众号），二是走「跳转式分享」——构造带参数的 URL，由平台页面完成分享逻辑。后者无需鉴权，适合静态站点和小项目。
用 a 标签 + 平台分享 URL 实现免 SDK 分享
这是最轻量、兼容性最好、不用申请 AppKey 的方式。核心是拼出各平台的分享链接，用 Bootstrap 的 btn 类控制样式。
关键点：
- 微信不支持纯前端跳转分享（iOS 微信内会拦截非白名单域名），但可生成带参数的二维码供用户扫码分享 —— 这需要后端或云函数生成，前端无法独立完成
- 微博、QQ、豆瓣、Twitter、Facebook 均支持标准跳转分享 URL，参数名固定（如
url、title、source） - 注意 URL 编码：所有参数值必须用
encodeURIComponent()处理，否则空格、中文会导致链接截断
示例（假设当前页是 https://example.com/article/123，标题是 “一篇好文章”）：
<a href="https://service.weibo.com/share/share.php?&url=https%3A%2F%2Fexample.com%2Farticle%2F123&title=%E4%B8%80%E7%AF%87%E5%A5%BD%E6%96%87%E7%AB%A0" class="btn btn-primary">分享到微博</a> <a href="https://connect.qq.com/widget/shareqq/index.html?url=https%3A%2F%2Fexample.com%2Farticle%2F123&title=%E4%B8%80%E7%AF%87%E5%A5%BD%E6%96%87%E7%AB%A0" class="btn btn-info">分享到 QQ</a> <a href="https://www.douban.com/share/service?href=https%3A%2F%2Fexample.com%2Farticle%2F123&name=%E4%B8%80%E7%AF%87%E5%A5%BD%E6%96%87%E7%AB%A0" class="btn btn-warning">分享到豆瓣</a>
微信分享必须用 JS-SDK，且只在微信内置浏览器生效
想在微信里点按钮就弹出原生分享面板（带缩略图、描述、标题），绕不开微信 JS-SDK。这不是前端能单独搞定的事：
- 需要公众号或小程序认证资质，获取
appid和后台签名权限 - 后端必须实现
/api/get-signature接口，用jsapi_ticket+ 当前 URL 签名，返回nonceStr、timestamp、signature - 前端加载
https://res.wx.qq.com/open/js/jweixin-1.6.0.js后，调用wx.config()和wx.updateAppMessageShareData() - 调试只能真机用微信打开，
chrome devtools里完全无效；未配置域名或签名失败会报错config:invalid signature
如果你没后台、没公众号，别硬上 JS-SDK。老实用上一节的跳转方式，加个提示文字：“复制链接，打开微信粘贴发送”。
图标用 Font Awesome 或 SVG 更可控
Bootstrap 5 不自带社交图标，别用网上的 glyphicon（已废弃）或乱引 CDN。推荐两种方案：
- 引入 Font Awesome（CDN 最简）：
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">，然后写<i class="fab fa-weibo"></i> - 直接内联 SVG（无依赖、可配色、高清）：去 simpleicons.org 下载对应平台 SVG，用
<svg>...</svg>内嵌，配合width="1em"和class="me-2"对齐文字
别用 PNG 图标：缩放模糊、颜色难统一、还要额外请求资源。也别迷信 “Bootstrap Icons 社交包”——它压根没收录微博、豆瓣、知乎等国内平台图标。
最后提醒一句：分享按钮的点击行为是否被统计，取决于你有没有接埋点。别只顾着样式好看，忘了加 data-event="share-weibo" 或 gtag('event', 'share', {method: 'weibo'})。
