bootstrap 3 full width image and div in container

Question

I\'m trying to set some divs to width: 100% on Twitter Bootstrap 3 (including no paddings or margins).

JSfiddle: http://jsfiddle.net/rq9ycjcx/

H

Answer 1

A simple way would be to remove the

...

and add your content directly inside the row tag. The row tag removes the left & right gutters, whereas the cold-md-12 essentially adds the gutters back in.

The Bootstrap 3 documentation says that for single full width items you dont need any markup, eg just wrap it in

tags. However this will show the 15px gutters due to the page markup. So by simply adding in the row tag and placing your content directly inside this you will get 100% width content and be compliant with the BS3 documentation.