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/
Comments
Post a Comment