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，认为它与Bootstrap的默认值有关，但它不起作用。我也没有容器，为什么它仍然有填充？

Answer 1

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

{{1}}