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