.container-fluid全屏需三步：清父容器padding（用px-0）、设min-vh-100防塌缩、内部栅格必包.row；box-sizing非border-box会引发横向溢出。
container-fluid 本身宽度就是 100%，问题不在宽度上
加了
还没全屏，90% 的情况不是它“没占满”，而是被 padding、高度塌缩或父容器截断了。它的 CSS 定义是
，但这个 100% 是相对于直接父元素算的——如果父元素是
或带
的 wrapper，那它再 fluid 也出不去。
左右有白边？先清 padding，别手写 style="padding: 0"
Bootstrap 4 的
默认有
和
各 15px（即
）。这 30px 就是白边来源。DevTools 里看 computed 样式，
和
都是 15px。
用
：安全、语义清晰、兼容 RTL 布局
避免
或
：它们清 margin，对 padding 无效
别在 HTML 里写
：破坏复用性，RTL 下漏掉
高度塌缩或背景图只显一小块？必须设 min-vh-100
只靠
，内容少时容器会塌成一条线，背景图自然只铺在文字区域。height: 100% 在 Bootstrap 4 中基本不可靠，因为
和
默认没设高度。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
：推荐首选，最小高度为视口 100%，内容多时自动延展，iOS Safari 下也稳
：强制等高，但内容超长会被截断，且 iOS 地址栏收放时 vh 值会抖动
别信
：要生效必须同步给
和
加
，稍有遗漏就失效
内部栅格错位或溢出？.row 不可省略
即使
全写对，如果内部直接放
而没包
，列会错位甚至横向溢出。这是 Bootstrap 栅格机制的基础设计：
提供负外边距（
）来抵消容器的 padding。
立即学习
“
前端免费学习笔记（深入）
”；
错误写法：
正确写法：
若只是单区块、不用响应式分栏，可省略
；但凡涉及
，
就是硬性前提
真正容易被忽略的，是 DevTools 里 computed 样式中的
值——如果它变成
，那 padding 就会撑开总宽度，导致横向滚动条意外出现。
.container-fluidwidth: 100%.containermax-width.container-fluidpadding-rightpadding-leftpx-3padding-inline-startpadding-inline-endpx-0mx-0my-0style="padding: 0"padding-inline-start/end.container-fluid.px-0htmlbodymin-vh-100vh-100height: 100%htmlbodyheight: 100%.container-fluid.px-0.min-vh-100.col-12.row.rowmargin-inline: -15px.row.col-*.rowbox-sizingcontent-box