CODEWITHSUNDEEP
csstwitter-bootstrapgrid
timrodenbroeker
timrodenbroeker

Reputation: 115

Bootstrap Responsive Grid: Avoid padding left on grid-element

i am designing a website with bootstrap and i have a problem: The first element in the responsive grid has an unintended padding-left by 15px.

Can you tell me how to fix that? Thanx!

Here's the website:

http://muviko.de/

And here's the code: 

<div class="container mtop50">
<div class="col-md-3 col-sm-6 col-xs-12"><img src="img/platzhalter.png"></div>
<div class="col-md-3 col-sm-6 col-xs-12"><img src="img/platzhalter.png"></div>
<div class="col-md-3 col-sm-6 col-xs-12"><img src="img/platzhalter.png"></div>
<div class="col-md-3 col-sm-6 col-xs-12"><img src="img/platzhalter.png"></div>
</div>

Upvotes: 0

Views: 128

Answers (2)

timrodenbroeker
timrodenbroeker

Reputation: 115

Okay, i've solved it! I've had .row { margin:0; } in my stylesheet. This code eliminated the following bootstrap code:

.row {
    margin-right: -15px;
    margin-left: -15px;
}

Thanks!!!

Upvotes: 0

a_k_u
a_k_u

Reputation: 73

you have padding on each container. And also on columns. Thats why.

You can remove the padding from the container with blue squares

Upvotes: 1

Related Questions