不占用100％宽度的自举行

Question

我有一个自举网格布局，但该行不占用100％的宽度。我使用的引导4阿尔法6.下面是HTML：

<div class="container-fluid"> 
    <h1 class="center-text" id="heading">[Enter Heaading Here]</h1> 
    <div class="container"> 
    <div height="100px" class="row border-show"> 
     <div class="col-4" id="one"></div> 
     <div class="col-4" id="two"></div> 
     <div class="col-4" id="three"></div> 
    </div> 
    </div> 
</div> 

这里是CSS：

.center-text{ 
    text-align: center; 
} 
#heading{ 
    padding: 60px; 
} 
.border-show{ 
    border-style: solid; 
    border-color: black; 
} 

Answer 1

从container删除它。 container不是100％宽度，不应嵌套在其他容器中。