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