Изменить размер логотипа на мобильном телефоне при использовании Twitter Загрузочный лот

Question

Я работаю на веб-сайте с размером журнала 320x150 и отлично выглядит с разрешением более 600 пикселей, но если он ниже, он начинает складываться.

Как отредактировать бутстрап, чтобы использовать меньший логотип, если разрешение браузера меньше 600 пикселей?

Спасибо

Answer 1

Читайте на медиа-запросах. Они сильно используются в Bootstrap, и вам просто нужно указать изображение, которое вы хотите для каждого диапазона размеров экрана. Это будет выглядеть примерно так:

@media screen and (max-width: 600px) { 
    .logo { 
    background: url(my-image.jpg); 
    } 
}