Css – Page content to the right is being pushed off screen when using responsive table in Bootstrap
I have the following html (JSFiddle): <div class="d-flex" style="max-width: 1460px;"> <div style="width: 100%; background: red;"> <div class="table-responsive"> <table class="table"> <tbody> <tr> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td>…