arcgis javascript api map div上的bootstrap容器设计

时间:2014-03-10 13:41:55

标签: javascript twitter-bootstrap twitter-bootstrap-3 esri arcgis-js-api

我正在尝试使用arcgis javascript api的bootstrap。但我无法将地图div元素的大小设置为100%和100%高度。高度为400px;我尝试设置css但没有工作。 example申请。导航下有一些地图像素。我不能设置css的顶部。

1 个答案:

答案 0 :(得分:2)

您还需要将任何容器(html,body,.container等)设置为100%高度。

此外,Bootstrap 3.1的全宽容器为container-fluid,因此我相应地更改了标记。然后row用于消除container-fluid的外部填充。

html,body{
    height:100%;
}

.row,.container-fluid{
    height:100%;
}

#map{
    height:100%;
    width:100%;
}

小提琴:http://jsfiddle.net/zz85h/2/