Question: I am looking to replicate this effect in bootstrap.
<http://tympanus.net/codrops/2013/04/17/responsive-full-width-grid/>

I have been using a fluid container with different combinations of col-lg,col-md,col-xs,col-sm

but am having issues getting the images to fill in the entire width of the window. They either leave to much space inbetween images or overlap one another. 

Any help in the right direction would be much appreciated. Thanks!

Answer: 
I think the simplest way is to remove the gutter around the columns, then use the Bootstrap `col-*-*` to layout the responsive image grid..

```
/* remove spacing between columns */
.row.no-gutter [class*='col-'] {
  padding-right:0;
  padding-left:0;
}

```

<http://codeply.com/go/KoZilXlyin>
Bootstrap has its margins and paddings set to its classes. You need to reset it.

for instance, if you are using `fluid-container`, `row`, and `col-sm-2` and `col-md-1` classes, in your css file you need to reset its margin/paddings. 

```
.fluid-container {
    margin: 0;
    padding: 0;
}
.fluid-container row{
    margin: 0;
    padding: 0;
}
.fluid-container row col-sm-2, .fluid-container row col-md-1{
    margin: 0;
    padding: 0;
}

```

I strongly recommend you to use at least one differential identification from standard Bootstrap classes **alongside with them** to prevent messing with future grids:

```
.fluid-container-fullpage {
        margin: 0;
        padding: 0;
    }
    .fluid-container-fullpage row-fullpage{
        margin: 0;
        padding: 0;
    }
    .fluid-container-fullpage row-fullpage col-sm-2-fullpage, .fluid-container-fullpage row-fullpage col-md-1-fullpage{
        margin: 0;
        padding: 0;
    }

```