Клуб API Карт

Twitter bootstrap и яндекс карта - проблема отображения карты

sgarant-com
9 марта 2012, 17:52
Разработал дизайн для сайта на Twitter bootstrap, все отлично и быстро работает, но как только решил прикрутить яндекс карту - появилась проблема. Яндекс карта не показывается если используется bootstrap.css. Также побывал использовать пример http://twitter.github.com/bootstrap/examples/starter-template.html и вставить в него простейшую яндекс карту, та же проблема.
Кто чем поможет? В интернете искал, ни одного упоминания/решения не нашел.
9 комментариев
Подписаться на комментарии к посту

Дайте пример.

Дело вряд ли в bootstap.css

Вот пример как оно должно быть на сайте:

http://www.gorod62.com/karta_ryazani_y_1.php - рабочий вариант со старым дизайном

http://www.gorod62.com/karta_ryazani_y_2.php - не рабочий вариант с дизайном от Twitter bootstrap (код карты идентичный)

 Также пробовал вставлять карту яндекса (и свой код и простейший код из примеров яшки) в пример bootstrap  http://twitter.github.com/bootstrap/examples/starter-template.html 

В bootstrap есть вот такое правило:

img {

  max-width: 100%;

}

Отключите его или переопределите внутри карты.

Спасибо большое.
Добавил в css
.YMaps-layer-container img{
max-width: none;
}

И все заработало.
з.ы. может кому полезно будет. 

Этим еще друпал страдает.

Спасибо !

Cпс. Долго мучелся

Спасибо, это работает! Сэкономили мне кучу времени!

Я уже не знал куда смотреть, потому, что в Хроме карта показывалась, а в остальных браузерах - нет.

4 бутстрап имеет то же поведение