2017-05-02 6 views
-1

私はブートストラップグリッドレイアウトを持っていますが、その行は100%幅を占めていません。私はここでブートストラップ4アルファ6を使用していますと、HTMLである:ここではブートストラップ行が100%の幅を占めていない

<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; 
} 

答えて

4

containerからそれを削除してください。 containerは100%幅ではありません。別のコンテナに入れ子にしないでください。

関連する問題