如何用纯Bootstrap 5类实现移动端全屏、桌面端自适应宽度的表格？

你不需要额外添加w-100类，因为Bootstrap的.table类默认就是width: 100%（且不带!important），只需要搭配w-md-auto类就能实现需求：

<table class="table table-bordered w-md-auto text-start mb-2">

原理：

• 在移动端（视口宽度小于768px，即md断点以下），表格继承.table类的默认样式，宽度为100%
• 在桌面端（视口宽度大于等于768px），w-md-auto类会覆盖默认的宽度设置，将表格宽度改为auto，且因为w-md-auto的优先级高于.table的默认样式，不会被冲突覆盖

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