Grid columns - Horizontal scroll bar bug

[karthikeyanar]

My css changes:

.container {
max-width: none !important;
}

My html code

Col lg 4

        <div class="col-lg-4" style="background-color:yellow">
                <h1>
                    Col lg 4
                </h1>
        </div>
        <div class="col-lg-4" style="background-color:black">
                <h1>
                    Col lg 4
                </h1>
        </div>
    </div>
</div>

I see the Horizontal scrollbar in the page

why ?
plz help

[mdo]

Update to the latest v3—this isn't an issue anymore.

[westwind79]

It's still an issue! Horizontal scroll is back in 3!

[ggam]

@nwestwind have you tested that on master? I think @mdo refers to that version and not the official released 3.0

[westwind79]

@ggam After hours of reading and testing out the new HTML/CSS it's now clear that I had to have a container around every row otherwise the horizontal scroll shows up and seemed to be difficult to find in the documentation that it's required. My apologies that I said something, I was just super pissed that I spent all that time trying to "fix" my code to find the bug.

[ggam]

@nwestwind probably a note about the need of wrapping rows around container should be added to the docs. There are a couple users complaining about a lack of clear documentation of the new grid system.
Anyway the good thing is that, thanks to your comment, other people with the same problem will find the solution faster just by searching on existing issues :).