divが水平方向に完全に伸びない

Question

divの左右に空白があるのはなぜですか？

render() { 
    return (
     <div className="container intro-body"> 
      <div className="row"> 
       <h2 className="intro-name center-block">TEXT</h2> 
      </div> 
     </div> 
    ) 
} 

そして、私のcss中：

.intro-body { 
    height: 500px; 
    background-color: #3BC5C3; 
} 

「私はそれがブートストラップのデフォルト値としなければならなかった考え、margin: 0とpadding: 0にbodyを設定しようとしたが、それはdidnの仕事。私もコンテナを持っていないので、なぜまだパディングがありますか？

Answer 1

問題は「コンテナ」クラスです。ブートストラップでは、この「コンテナ流体」のスタイリングを適用して、全幅を取得します。

render() { 
    return (
     <div className="container-fluid intro-body"> 
      <div className="row "> 
       <h2 className="intro-name center-block">TEXT</h2> 
      </div> 
     </div> 
    ) 
}