bootstrap格沒有中心

-1

我正在做一個帶有中央框的引導站點，但是我的所有容器都不居中，他們留在頁面左側，我不知道爲什麼。我只是嘗試了偏移量，但不起作用。bootstrap格沒有中心

<div class="container-fluid"> 
 
    
 
<div class="container"> 
 
    <div class="row"> 
 
    <div class="col-md-12"> 
 
     <h1 class="text-center"><span class="title">title</span> 
 
     <i class="fa fa-twitch fa-2x" aria-hidden="true"></i> 
 
     <span class="subt">subtitle</span></h1> 
 
     </div> 
 
     
 
    </div> 
 
     
 
    </div> <!--close h1 container--> 
 
    
 
    <div class="container box"> 
 
    <div class="row"> 
 
     <div class="col-md-6 col-md-offset-3"> 
 
<div class="container status"> 
 
    <div class="row"> 
 
     <div class="col-md-6 col-md-offset-3 col"> 
 
     
 
     <div class="btn-group btn-group-justified" role="group" aria-label="..."> 
 
    <button type="button" class="btn btn-success">Online</button> 
 
    <button type="button" class="btn btn-warning">Offline</button> 
 
    <button type="button" class="btn btn-default">All</button> 
 
</div> <!--btn group--> 
 
    
 
     
 
     
 
    </div> 
 
    </div> 
 
    </div><!--close container status--> 
 
    
 
     </div> 
 
     </div> 
 
    </div><!--container box--> 
 
    
 
     </div><!--close container fluid-->

來源

2017-02-06 flipps

噢，夥計......閱讀引導文件（你不能在例如集裝箱巢容器）。並決定要使用的Bootstrap版本，因爲在代碼中，您使用Bootstrap 3類，並且在該Codepen中加載了Bootstrap 4 CSS。 – makshh

好的問題是嵌套和引導4語法。感謝所有 – flipps