Как сверстать хедер шириной с container?

Как сверстать хедер c шириной .container в условиях bootstrap? Мои варианты:

1. Задать max-width для header равный ширине .container?
2. Сделать обёртку внутри .container и применять стили оформления уже к ней, в то время как header расположен на всю ширину экрана?

Ну не помещать же header в .container..

header {
  max-width: 400px;
  margin: 0 auto;
  background-color: red;
  padding: 50px;
}

<header>
  <div class="container">
    
  </div>
</header>