Home/ Questions/Q 8722743
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T07:28:52+00:00

I’m trying to implement a responsive navbar. It seems to work, but when the

  • 0

I’m trying to implement a responsive navbar. It seems to work, but when the screen gets smaller, there appears a gap on the right side. See screen shot:

enter image description here

I haven’t written any CSS. All of this is pure Bootstrap still.

Update 1: jsFiddle

http://jsfiddle.net/BaR3q/ – It’s doing it on JSFiddle, too. So either I did something wrong (likely) or Twitter messed up (unlikely). what to do?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There is nothing in the markup that specifies that the elements should expand to fill the viewport. Adding body { width: 100%} will take care of it, or optionally overriding the width of the navbar to be auto.

    Twitter Bootstrap is intended to be scaffolding and components rather than an out of the box solution, so this is likely one of those things that needs to be specified. The static version of the navbar is likely written so that it can be easily used in containers other than the body and this happens to fall in the 20% of situations where it needs a nudge.

    • 0