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

Вопрос - это «контейнерный» класс. Бутстрап также применяет стилизацию этого - используйте «контейнер-жидкость», чтобы получить полную ширину.

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