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

我試圖設置body到margin: 0和padding: 0，以爲它與引導的默認值做的，但它沒」工作。我也沒有容器，爲什麼它仍然有填充？

Answer 1

問題是「容器」類--Bootstrap也適用這種樣式 - 使用「容器流體」來獲得全寬。

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