Question

我正在为我的代码训练营构建一个项目，并构建了一个包含引导行（完整行；无col）的引导容器。如何使两个左右边框接触（之间没有空格）？我能够缩小左两个之间的距离，但是不知何故，右两个之间仍然有空间。我该如何解决？谢谢

            .container{
   margin-left: auto;
   margin-right: auto;
   width: 1140px;
   border: 4px solid green;
   }


  .middle-about-me {
   /*this is the row*/
   background-color: #dbe4f0;
   width: 100%;
   height: 650px;
   margin-right: 0px;
   border: 3px blue solid;
  }

Answer 1

我猜bootstrap容器有默认的边距或填充。也许尝试使用

将边距和填充设为0

  margin: 0 !important;
  padding: 0 !important;

要重写引导程序属性，您需要在末尾添加！important

包含一行的引导容器

1 个答案: