Bootstrap 5 表格默认无边框，需用 table-bordered 类统一添加 1px 边框；响应式容器中注意 overflow 截断边框，自定义边框应覆盖 th/td 边框样式，小屏下边框可能虚化，建议提升对比度或改用卡片布局。

Bootstrap 5 表格默认没有边框，table-bordered 是唯一开箱即用的边框方案

Bootstrap 5 的 <table> 默认是无边框、无分隔线的简约样式（仅靠 padding 和 hover 区分行）。想加边框，最直接的方式就是加 <code>table-bordered 类——它会给 table、th、td 全部加上 1px solid #dee2e6 边框，并统一 collapse 边框模型。别试图只给 <table> 自己加 <code>border CSS，那样 th/td 的边框会双倍叠加、错位。

响应式表格容器 .table-responsive 本身不干扰边框，但要注意 overflow 截断问题

当表格列数多、内容宽时，需用 <div class="table-responsive"> 包裹表格来启用横向滚动。这个容器对边框没影响，但容易踩两个坑：<ul> <li> <code>table-bordered 的边框在滚动时可能被容器的 overflow: auto 截掉顶部/底部，尤其在 Safari 中；解决方法是在容器上加 border: 1px solid #dee2e6 模拟外边框

如果表格里用了 colspan 或 rowspan，table-bordered 仍能正常渲染边框，但视觉上可能显得不均等——这是 HTML 表格固有行为，不是 Bootstrap bug

自定义边框颜色/粗细？别改 table-bordered，用覆盖类或 inline style

Bootstrap 没提供 table-border-primary 这类变体。若要换色或加粗，有且仅有两种安全做法：

• 在 <table class="table table-bordered"> 上额外加自定义类，比如 <code>my-table-strong，然后写 CSS：

  .my-table-strong th, .my-table-strong td { border-width: 2px; border-color: #0d6efd; }

• 用 style 属性直接写（适合临时调试）：
  注意：这里只改了 table 元素的 border，th/td 的边框还得单独设，否则内外边框颜色不一致

  移动端小屏下 table-bordered 依然生效，但边框可能被压缩得看不清

  响应式表格在手机上缩放后，1px 边框可能因设备像素比（dpr）变成 0.5px 显示，导致虚化或消失。这不是 Bootstrap 的问题，而是 CSS 像素限制：

  

  VPS Bootstrap

  从零启动全新 VPS，完成 OpenClaw 完整部署，包括备份/恢复及恢复后验证。用于 OpenClaw 部署。

  下载
  • 不要指望用 border: 0.5px 修复——它不被所有浏览器支持
  • 更可靠的做法是提升对比度：用 border-color: #adb5bd 替代默认的浅灰，或加 background-color 让边框更易识别
  • 如果业务允许，考虑在小屏下改用卡片式布局替代表格，table-bordered 就彻底不用了

  实际项目里最容易忽略的是：边框样式和表格语义必须匹配。比如带分组头的 <thead> 和 <code><tbody> 之间，<code>table-bordered 不会自动加粗分隔线——那得手动给 thead th 加 border-bottom-width: 2px。