如何消除ASP.NET布局文件默认左右留白？Bootstrap5调整后异常求助

需要消除ASP.NET布局文件默认的左右留白，排查后确认是Bootstrap 5的默认样式导致。尝试通过以下CSS修改div.container的内外边距：

div.container{
  padding:0px;
  margin:0px;
}   

修改后出现异常：整个区块左移，右侧出现奇怪的边距。

解决方案 #

方案1：使用Bootstrap原生全屏容器类（推荐） #

直接将布局中的container类替换为container-fluid，这是Bootstrap官方提供的全屏宽度容器，默认无左右留白，无需额外编写CSS，完全符合框架设计规范。

方案2：自定义CSS修正container样式 #

若必须保留container类，需覆盖其默认的宽度与对齐规则：

div.container {
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100%; /* 覆盖Bootstrap各断点下的max-width限制 */
}

之前的问题在于：container在不同屏幕尺寸下有预设的max-width值，仅清除内外边距会导致容器宽度不足，右侧出现空隙；同时原样式的margin: 0 auto是让容器居中，改为margin: 0后容器左移。添加width: 100%和max-width: 100%可让容器占满视口宽度，解决异常。

额外注意：若页面仍有细微留白，需清除body的默认边距：

body {
  margin: 0;
}

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