Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Bootstrap 2.3.2干扰谷歌地图控件v.3_Css_Google Maps_Twitter Bootstrap_Google Maps Api 3 - Fatal编程技术网

Css Bootstrap 2.3.2干扰谷歌地图控件v.3

Css Bootstrap 2.3.2干扰谷歌地图控件v.3,css,google-maps,twitter-bootstrap,google-maps-api-3,Css,Google Maps,Twitter Bootstrap,Google Maps Api 3,我是bootstrap twitter的新手,我的版本是2.3.2,在我的网站中加入谷歌地图后,谷歌地图控件变为不可见,我搜索了这个问题,发现所有东西对我都不起作用: 这段代码修复了控件的布局,但它们仍然是不可触摸的 #map-canvas img { max-width: none ; max-height:none; } #map-canvas label { width: auto; display: inline; } 此外,右下拉菜单变形 <div class="span9"&

我是bootstrap twitter的新手,我的版本是2.3.2,在我的网站中加入谷歌地图后,谷歌地图控件变为不可见,我搜索了这个问题,发现所有东西对我都不起作用: 这段代码修复了控件的布局,但它们仍然是不可触摸的

#map-canvas img { max-width: none ; max-height:none; }
#map-canvas label { width: auto; display: inline; }
此外,右下拉菜单变形

<div class="span9">
 <div id="map-canvas"></div>
</div>

来自引导文档():

如果您在引导项目上使用Google Maps,您可能会由于使用*{box size:border box;}而遇到一些显示问题。在此之前,您可能还遇到了在图像上使用最大宽度的问题。下面的代码片段应该可以避免所有这些问题


谢谢你的回答。我的引导版本是2.3.2!?它不起作用了:(
 /* Fix Google Maps canvas
 *
 * Wrap your Google Maps embed in a `.google-map-canvas` to reset Bootstrap's
 * global `box-sizing` changes. You may optionally need to reset the `max-width`
 * on images in case you've applied that anywhere else. (That shouldn't be as
 * necessary with Bootstrap 3 though as that behavior is relegated to the
 * `.img-responsive` class.)
 */

.google-map-canvas,
.google-map-canvas * { .box-sizing(content-box); }

/* Optional responsive image override */
img { max-width: none; }