Div background scalling for Bootstrap

Question

Я только начинаю свое приключение с Bootstrap, и у меня есть отзывчивый дизайн для кода. Это проект, который я купил, и теперь мне нужно сделать его кликабельным :) Это делается на основе сетки bootstrap и имеет 1920px width.

Мой вопрос: как сделать этот элемент background (фоновое изображение и белую рамку sepparately или вместе в одном слое - не знаю, какой будет лучше) реагировать, чтобы соответствовать retina и все others devices. Я пытался с разными image resolutions (от 1920px to 1200px) и с множеством команд css, но он всегда выглядит по-разному, по крайней мере, на сетчатке. Я знаю, что он, вероятно, связан с большими экранами разных столбцов, но понятия не имеет, как с ним справиться.

Я воспользуюсь всеми видами помощи.

Здесь вы можете увидеть элемент дизайна:

Answer 1

Попробуйте с помощью медиа запросов. Разместите другой фон для разных размеров экрана.