Breakout container in bootstrap

Question

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

How can I make the jumbotron full page width although it is inside the container?

Answer 1

use container-fluid instead

.jumbotron {
  border: 1px red solid
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<div class="container-fluid">
  <div class="jumbotron"></div>
</div>