CODEWITHSUNDEEP
csstwitter-bootstrap
Packy
Packy

Reputation: 3573

extend div beyond bootstraps container

I have a set up in wordpress using bootstrap what follows:

<div class="container">
   <div class="row">
      <div id="NEEDS TO BE FULL WIDTH>
      </div>
   </div>
</div>

I would like the background of the "NEEDS TO BE FULL WIDTH" div be full browser width but not sure how. If I make it more the 100% width it makes a horizontal scroll. Any ideas?

Upvotes: 1

Views: 492

Answers (1)

ckuijjer
ckuijjer

Reputation: 13814

You can have multiple .container elements inside your html. If you change the .container into a container-fluid the content of the container will take up 100%

If you only want the background to be full width, but you want the content to be constrained by the .container (at most about 1140 pixels wide) then surround the .container with another <div> and put the background-image on that element.

Upvotes: 1

Related Questions