div 不会一直水平扩展

为什么我的 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 to margin: 0 and padding: 0，认为这与 Bootstrap 的默认值有关，但它不起作用。我也没有容器，为什么它还有填充物？

问题是“容器”类 - Bootstrap 也应用了这种样式 - 使用“container-fluid”来获取完整宽度。

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