How to remove this horizontal scrollbar in Bootstrap 3

Question

I\'ve got this irritating horizontal scroll on my bootstrap page. Can\'t figure out what is making it behave like this or what to do about it?

JsFiddle link: http:/

Answer 1

The issue is basically caused due to the parent .container is missing. The solution is that you can add a .no-container class to the row and add margin: 0 to compensate the negative margin of the row class.

See the below CSS and HTML markup code:

.no-container {
    margin-left: 0 !important;
    margin-right: 0 !important; 
}
.row {
    border: 1px solid #999;
}

    
column-6
    
column-6