I have a website using Bootstrap 3 (based off the Carousel example) that has an unwanted horizontal scroll bar in all of the browsers that I have checked (Chrome, Firefox, and Safari on Mac). All of the source for the website is available online, but I'm guessing that I've done something wrong in my custom CSS. Any suggestions?
Asked
Active
Viewed 2,097 times
0
-
Would you like to put your answer below so I can mark this as answered? – psycling Feb 10 '15 at 17:46
-
Ok I will add that as an answer. – anpsmn Feb 10 '15 at 17:51
1 Answers
3
After the jumbotron, the div with class row should be wrapped inside a div with class container. Horizontal scrollbar is because of the negative margins of the row class.
Class row has negative margins to it as the grid system has gutters between each columns. You can read more about it here
.row {
margin-right: -15px;
margin-left: -15px;
}
