bootstrap 的 .container 本身不带圆角，所谓“大屏下有圆角”一定是你或第三方样式额外加的；问题通常源于外层 div 的 rounded 类、全局 css 覆盖规则或第三方主题；应通过 devtools 定位来源，针对性移除或重置 border-radius，避免暴力重置。
Bootstrap 的 .container 本身不带圆角，所谓“大屏下有圆角”一定是你或第三方样式额外加的 —— 直接查、直接删，别绕路。
为什么 container 看起来有圆角？
因为 .container 是纯布局容器，无 border-radius 声明。真正出问题的通常是：
- 你给
.container外层 div 加了rounded类（比如<div class="rounded"><div class="container">...</div></div>） - 项目全局 CSS 里写了类似
.container { border-radius: 0.25rem; }这种覆盖规则 - 用了某些 UI 主题（如 Bootswatch 变体）或 CMS 模板，它们偷偷给容器加了圆角
怎么精准去掉 container 的圆角？
不要用 * { border-radius: 0 !important } 这种暴力写法 —— 它会干掉所有组件（按钮、卡片、模态框）的圆角，后续维护成本爆炸。
- 先打开浏览器 DevTools，选中那个“有圆角”的容器元素，看
Computed面板里border-radius的最终值是从哪条 CSS 规则来的 - 如果来源是自定义类（比如
.my-layout），直接改那个类，删掉border-radius - 如果是全局选择器（如
.container），在你自己的 CSS 文件末尾加一句：.container { border-radius: 0; }（无需!important，只要确保它加载在 Bootstrap CSS 之后） - 如果来源是父级
rounded类，那就删掉父级的这个 class，而不是去 hack.container
响应式场景：只在大屏下取消圆角？
极少需要这么做，但如果你真要「小屏圆角、大屏直角」，别用 Bootstrap 内置类 —— 它没有 rounded-lg-0 这种语法。必须手写媒体查询：
.container.rounded-on-mobile {
border-radius: 0.25rem;
}
@media (min-width: 992px) {
.container.rounded-on-mobile {
border-radius: 0;
}
}
然后在 HTML 中：<div class="container rounded-on-mobile">。注意断点值要对齐你项目实际用的 Bootstrap 版本（v5 默认 <code>lg 是 992px）。
最常被忽略的一点：圆角不是 .container 自己的，而是它外面那层 wrapper 或里面某个卡片/section 加的 —— 先定位，再动刀，否则改半天发现根本没改对地方。
