twitter/bootstrap — Issue #2475: Google Map not showing when in a container-fluid
Author: epalissad
Created: 2012-03-08 23:53:57+00:00
State: open

Hi,
I have a navbar and 100% x 100% google map in my app. I would like to add a sidebar on the right with different filter. Reason for adding it on the right side is because of better experience on smaller screens.

The map renders full screen with fluid (%) values when I just add the map after the last nav bar div, like this:

Map is visible:

Map is not visible if I try to add it inside a span to control the size of it and add a side bar.

Sidebar

Link

Link

Link

I don't want to add a fixed value to the map, since it defeats the purpose of fluid.

Thanks in advance!