Chart uses bootstrap grid incorrectly, causing permanent horizontal scrollbar #36
Description
I realise you are only using chart.html as a URL, but I cannot find the source repo for that, so I am reporting this issue here; feel free to point me in the correct direction.
The OF Chart component renders with a permanent horizontal scrollbar, because it is misusing Bootstrap Grid layout, nesting a row within a row. Bootstrap rows have negative margins to counteract the padding on child columns, so nesting a row within a row leads to a double negative margin, thus as the SVG chart has width: 100% it will always overflow its bounds.
The solution is to use columns within rows, in this case, one full-width column for the chart, and another for the jumbotron.
Might seem like a small issue, but this chart seems to be widely used in tutorials and seed projects, and it's not a good look.