Изображения по умолчанию не адаптивны в Twitter Bootstrap 3?
С выходом новой версии 3.0 мне нужно задавать имена классов для изображения как col-lg-4 col-sm-4 col-4, если изображение является частью div с такими же именами классов, чтобы сделать изображение отзывчивым на всех точках разрежения.
В версии 2 CSS-свойства изображений по умолчанию наследовали свойства родительского div.
Это правильно?
1 ответ(ов)
Да, вопрос, судя по всему, касается использования класса img-responsive в Bootstrap. По ответу пользователя @its_me становится ясно, что применять этот класс ко всем изображениям может быть небезопасно, особенно если изображения находятся внутри элемента <p>.
Тем не менее, команда Bootstrap придерживается иной точки зрения. В Bootstrap 3 изображения не являются отзывчивыми по умолчанию, и вот объяснение:
Главное в том, что это может сломать множество сторонних виджетов (включая Google Maps), которые, конечно, не ожидают, что изображения внутри них будут принудительно изменены до других ширин. Именно поэтому мы отменили подход Bootstrap v2, согласно которому «изображения по умолчанию отзывчивы», в пользу явного класса
.img-responsive.
Таким образом, если у вас имеются специфические случаи использования изображений, которые могут пострадать от автоматического изменения их размеров, лучше применять класс img-responsive только к тем изображениям, для которых это безопасно.
В чем разница между col-lg-*, col-md-* и col-sm-* в Bootstrap?
Как открыть модальное окно Bootstrap с помощью jQuery?
Высота, равная динамической ширине (флюидная верстка на CSS)
Как узнать, какая кнопка была нажата при закрытии модального окна Bootstrap?
Где найти документацию по форматированию даты в JavaScript?