Ребят, всё очень просто. Псевдоелементы с левым/правым бордером, позиция, + проценты + фон родителя. Стандартная фишка от дизайнеров.)))
Картинка, конечно, подробная не мешала бы.
Карусель Bootstrap и так адаптивная. Подгоните изображения в нужном соотношении и будет счастье.
Либо есть ещё способ и его можно подсмотреть в исходниках Bootstrap - embed-responsive
Посмотрите, как реализовано и сделайте своё.
Ольга, отказаться от нескольких инпутов и использовать атрибут multiple.
Если выбрано больше трёх - выдавать ошибку и пересоздавать инпут.
Естественно, точно такая же проверка на бекенде или обрабатывать не более трёх файлов.
Модератор, объясните мне, дураку, что ни так с тегами в данном вопросе?
Вот из всех, кто тут спамил "умными" комментариями, есть вопросы относящиеся к теме сообщения?
Далее по вопросу - тег поставлен правильно. Ноги растут от JS и далее по вниз сходящей, что может расширить область данного вопроса.
Если бы топикстартер знал к чему и к какому тегу точно отнести свой вопрос - наверняка бы знал ответ.
Если вы не в теме данной проблемы, то это, как бы, не проблемы топикстартера и пользователей, которые могут помочь.
И помните самое главное - мы ВСЕ когда-то начинали.
На .woof_front_toggle есть обработчик события?
Если есть, то e.preventDefault() в данном обработчике, где e - событие, которое передаётся аргументом в функчию-обработчик.
Картинка, конечно, подробная не мешала бы.