Bootstrap Question: Content Column Overlap?


I understand in a way this might seem to ‘defeat the point’ of using a Bootstrap type layout in the first place, but I was wondering if there was some way to have the content in a Bootstrap column partially overlap the column next to it (either to the left or the right) within the same row?

Any thoughts?

You can tweak the margins with negative numbers:

.blended-col {
    margin-left: -15px;

Exactly which margin and by how much you want to tweak it is up to you, but that’s how I’d do it. I would suggest making this modification in a separate class, though, instead of modifying the existing Bootstrap class.

1 Like

Okay, cool, that seems to work. Great, thanks.