twitter-bootstrap - 使用 Bootstrap 的 Mapbox 地图尺寸

Question

背景：使用 Twitter Bootstrap 和地图作为轮播的“幻灯片”

我正在尝试使用指定地图的尺寸

var map = mapbox.map('map',false, {x: 940, y: 500});

或者

#map { 
width: 940px;
height: 500 px
}

他们都导致了这个：

基本上它是一个 x 拉伸版本，仅在 x=256 时显示正常（一个瓷砖宽度，对吗？） var map = mapbox.map('map',false, {x: 256, y: 500});

您可以在这里看到问题（传递到轮播的第二页，第一页使用 iframe）。

我正在写作，因为我已经通过 mapbox.map(dimensions) 和 CSS 尺寸尝试了文档，奇怪的是似乎适用于高度但不适用于宽度。

谢谢！！

Answer 1

似乎需要从 Bootstap 覆盖一些 CSS 属性。

Tom 通过Mapbox 支持向我发送了一个修复程序。

#map1 img {
 max-width: none;
 min-width: 0px;
}

并添加height: auto;以便标记也可以工作。