TEXT

div не расширяется по горизонтали

javascript html css

109 просмотра

1 ответ

Почему слева и справа от моего 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 по умолчанию, но это не работа. У меня также нет контейнера, так почему он все еще имеет отступ?

Автор: patrickhuang94 Источник Размещён: 08.11.2019 10:55

Ответы (1)


6 плюса

Решение

Проблема заключается в классе «container» - Bootstrap также применяет стилизацию этого - используйте «container-liquid», чтобы получить полную ширину.

render() {
    return (
        <div className="container-fluid intro-body">
            <div className="row ">
                <h2 className="intro-name center-block">TEXT</h2>
            </div>
        </div>
    )
}
Автор: gavgrif Размещён: 20.08.2016 05:44
32x32