Making wide table fit bootstrap container

Question

I have a table like so:

Answer 1

Try applying class="row" for the elements.

Use rows to create horizontal groups of columns. Content should be placed within columns, and only columns may be immediate children of rows.

-- Bootstrap css docs

note that Rows must be placed within a .container (fixed-width) or .container-fluid (full-width) for proper alignment and padding, so you might want to apply class=container-fluid for the table or a parent of it.