Google map in bootstrap css -

i trying load map in second section of page

http://lowcoupling.appspot.com/anothermappage.html

as can see problem map depicted 1px line

what doing wrong?

what doing wrong?

you using height:100% make map high section - calculate min-height: calc(100% - 1px);. have bootstrap row element between, which not have set height, map not have a direct parent element calculate it's width from - takes 1px - set default bootstrap (min-height:1px - keep columns in place).

you need have direct parent element has set height (that not defined in percentages) have map expand 100% of it's height.

if row element wraps map have fixed height, map container expand 100% of height.

see example direct parent using calc(100% - 1px): http://jsfiddle.net/ldzsk/1/