CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
psycling
psycling

Reputation: 103

Unwanted horizontal scroll bar using bootstrap 3

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?

Upvotes: 0

Views: 2127

Answers (1)

anpsmn
anpsmn

Reputation: 7257

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;
}

Upvotes: 3

Related Questions