谷歌地图在bootstrap css

Question

我想在本页的第二部分加载地图

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

正如您所看到的,问题是地图被描绘为1px线

我究竟做错了什么？

Answer 1

我究竟做错了什么？

您height:100%用来使地图与您的地图一样高section- 您计算的地方min-height: calc(100% - 1px);.但是,你必须引导row之间的元素,它没有一套height,所以你的地图没有直接的父元素来计算它是width从 -所以它需要1px-这已经是默认设置的自举(min-height:1px-让列的地方).

你需要有一个直接的父元素,它有一个集合height(没有用百分比定义)让地图扩展到它的高度的100%.

如果row包装地图的元素具有固定高度,则地图容器将扩展到该高度的100%.

请参阅直接父母使用的示例calc(100% - 1px):http: //jsfiddle.net/LDzSk/1/