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

Пост в архиве.

sgarant-com

9 марта 2012, 17:52

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

9 комментариев

Авторизуйтесь, чтобы оставить комментарий

Sergey Konstantinov

28 января 2016, 05:12

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

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

sgarant-com

28 января 2016, 05:12

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

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

Sergey Konstantinov

28 января 2016, 05:12

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

img {

max-width: 100%;

}

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

sgarant-com

28 января 2016, 05:12

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

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