make a div 100% to body if its in a container

Question

I'm using Bootstrap for my responsive layout. Within the .container I want to have a div which isn't limited to the width of the container. Furthermore I want it to be stretched over the full body. I could place the div outside the .container but I don't want to mess around with absolute positioning or similar.

How can I make a div 100% to the body, even if the parent div is not filling the whole width of the body.

.div {
    width: 100%;
    height: 6px;
}

Thanks

but how would I make sure that the div is always at the correct position related to the height of other divs inside the container. — supersize, Oct 14 '14 at 09:15
This is totally not the same question. The duplicate reference is about 100% body height. This is about width, and specifically displaying beyond .container width. — Shawn Taylor, Oct 14 '14 at 16:12

score 0 · Answer 1 · answered Oct 14 '14 at 09:15

0

Use class .container-fluid instead of .container. Bootstrap provide .container-fluid class to make full screen div.

If you are specific to some requirement please share code as well to understand better.

answered Oct 14 '14 at 09:15

Shiljo

3
2

make a div 100% to body if its in a container

1 Answers1