Фоновое изображение шириной 100% с высотой «авто»

В настоящее время я работаю над мобильной целевой страницей для компании. Это действительно базовый макет, но под заголовком находится изображение продукта, ...

Автоматическое разбиение текстового содержимого на четные столбцы

Не могу найти документацию, чтобы узнать, сделал ли это кто-нибудь. Я представляю, что это возможно через JavaScript или PHP. Я объясню, что я пытаюсь сделать так: Предположим, я используюTwitter Bootstrap 4 [https://getbootstrap.com/]. ...

Ах да, спасибо!

могу понять, почему справа от первого шага есть место, когда я пишу более 13 букв. Если я только напишу шаг 1, тогда все в порядке. Смотрите ниже код. Или посетите мойcodepen [https://codepen.io/adeel_s/pen/aEmpad], Может кто-нибудь направить ...

Да, или JS или Sass бы убрать это

аюсь создать адаптивный макет с Flexbox, который позволяет мне чередовать оба направленияrow а такжеrow-reverse. Может быть, вы можете лучше понять это с помощью некоторого изображения (обратите внимание на порядок полей): [/imgs/TsgES.png] И ...

Я мог придумать только старые добрые поплавки, никаких флексбоксов вообще. Если вам не нужно использовать флексбоксы, и вам это интересно, при довольно легкой суете это может выглядеть так (точка привязки составляет 700 пикселей):

аюсь заставить правый столбец макета из 3 столбцов переместиться ниже левого столбца на меньших экранах. Прямо сейчас правый столбец перемещается в правильном направлении за исключением того, что он висит ниже среднего столбца. Я создал эту ...

 на экране.

ичок в использовании Vaadin и пытаюсь понять, как сделать так, чтобы 2 компонента располагались рядом на полном экране, но затем складывались друг на друга, когда экран подвижен. Мое текущее понимание состоит в том, что HorizontalLayout помещает ...

 но ничего не работает, я не понимаю почему

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

img-responseive - это класс Bootstrap для адаптивных изображений. slice, s1 и s2 - это те, кого я ищу.

Снова. ОТЛИЧНОЕ РЕШЕНИЕ! Большое спасибо. Я изменил свой проект на BS4, и я работаю как шарм.

Благодарю. я решил это, используя такие запросы: @media screen и (max-width: 767px), screen и (max-device-width: 767px)