Question

Like all the other questions about this, bootstrap puts my ad button in a second line under the other ad button and leaderboard. It only happens between certain widths on the desktop view. So what I want to do is to make the ad buttons on both sides the right and the left, poke out of the bootstrap grid, so that they will not be inline with sidebar or the rest of the website. This is the link to it.

Answer 1

If I understand your question correctly, you would like the row beneath your green nav bar to be wider than the bootstrap grid.

This is easy enough to do. You need to close the bootstrap container just before the row which will be wider, create and close a new div for this extended row, then open a new bootstrap container for the remainder of the page. So the basic structure would be something like this:

<div class="container>
   <header> .... </header>
   <div class="navbar"> .... </div> <!-- close navbar -->
</div><!-- close container -->

<div class="wideRow"> .... </div> <!-- close wideRow -->

<div class="container>
<!-- remainder of page -->
</div> <!-- close container -->

See a live example here

FYI, there may also be an issue with some of your divs either not closing or not correctly nested. If you validate the page it’s showind some div issues, and if I look at the source code of your page, you are opening container divs @ lines 90 and 217, but they don’t seem to close correctly.

Anyway, hope this points you in the right direction 🙂