CODEWITHSUNDEEP
htmlcsstwitter-bootstraptwitter-bootstrap-3
salxander
salxander

Reputation: 1091

Bootstrap Page Width

I have a quick question on a site that I'm building. It seems that something is pushing the width beyond the window causing a horizontal scroll, and the footer isn't filling the the full width (with a 100% width set).

Can anyone provide any insight?

URL is http://www.brandography.org/sticknfind

Any help is much appreciated.

Thanks!

Upvotes: 0

Views: 73

Answers (2)

longchiwen
longchiwen

Reputation: 822

Problem is with

<div id="content" class="row">..</div>

In bootstrap "row" class has negative left/right margin. As per bootstrap documentation, rows should be placed inside container for proper padding. When you initialize slider, it will calculate wrong content width because of that. Try this instead

<div id="content" class="container">..</div>

Upvotes: 1

Quinn
Quinn

Reputation: 458

The width of your slider div is more than that of the body. You can fix this by either:

_ Adding overflow-x: hidden; to your body tag.

_ Putting a wrapper div around your content and add overflow-x: hidden; to that div.

Upvotes: 1

Related Questions