CODEWITHSUNDEEP
htmlcsstwitter-bootstrap-3responsive-designcss-selectors
Filip Vuskovic
Filip Vuskovic

Reputation: 126

Horizontal scrollbar on bootstrap 3.3.7 website

It has a horizontal scroll despite me using rows and columns to fill it up.

Here is the GitHub repository. I cannot seem to find anything of importance that can remove the bar.

I am aware that I can fix it with: 

html, body {
 overflow-x: hidden;
}

But I'd like to know what is actually causing it.

Upvotes: 1

Views: 286

Answers (1)

Jonathan Pauw
Jonathan Pauw

Reputation: 414

The scollbar disappears when i remove margin-right: -15px and margin-left: -15px from the .row CSS class.

Which actually makes sense because negative margin values strech the content. And if the content already has 100% width you get a horizontal scrollbar.

div elements are block elements that allways take 100% space (within their parents).

Upvotes: 2

Related Questions