Павел

Либо задать height для названия рецепта, либо загуглить плагин Jquery Equal Height, или сверстать флексами

$(this).removeClass('checked');

Скрывается любым классом по условиям по сути .hidden-md, hidden-xs и другие в бутстрап например.
А вот чтобы не загружалось то тут только уже либо Js, jQuery либо php, определять что это смартфон, после поставить условия что такие то блоки не подгружаем

Например так:

jQuery(document).ready(function(){
var url = window.location.href;

jQuery('#nav-menu a[href="'+ url +'"]').addClass('current');

jQuery('#nav-menu a').filter(function() {
    return this.href == url;
}).addClass('current');

});

$( ".class" ).append( "<div>New div</div>" );
Или insertBefore, insertAfter использовать

$('div.class').each(function() {
    $(this).before('<div class="addClass">');
    $(this).next().after('</div>');
    });

Ваш вариант по сути тоже рабочий, но Вы его написали неверно, вот верный:

$('.class1, class2').wrapAll('<div class="q1" />');

Ещё решение:

$(".class1").each(function(){
     $(this).nextUntil("div.class2").andSelf().wrapAll("<div class='q1'></div>");
});

Полагаю скорее так:
https://jsfiddle.net/e36z7L0r/

getbootstrap.com/customize/#grid-system

С текущей Вашей версткой никак, у Вас же картинки идут не тегом img, а фоном (background), а img скрыты. Скрипт писать или верстку менять

Например так:
<meta name="viewport" content="width=1024">
Или просто его убрать

Все легко ищется по запросу Jquery Spoiler Например

.bg-line {
  float: left;
  width: 80%;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 9px;
  left:10%;
  text-align:center;
}

Так?

Или:

.bg-line {
}
.bg-line:after{content: "";position: absolute;height:2px;background: #000000;top: 9px;width:80%;left:10%;}

Посмотреть в исходном коде?
Задать свои цвета?

.navbar-nav .nav-link:hover

Повесить обработчик на js или jquery при нажатии по кнопке (закрытия) или классу,id чтобы удалил class или div с фоном

Befunky

Она уже адаптивная судя по верстке.
Единственное я бы поменял col-xs-2 на col-xs-12 и col-sm-2 на col-sm-6, но опять же все зависит от потребностей, разберитесь с сеткой бутстрапа.

Каждый может к этому отнестись по разному. Если мыслить в правильном русле, то Вы всего лишь тянитесь к знаниям, что должно быть похвально, при этом нормальный человек должен понимать что не каждый может выложить деньги на курсы. И в прочем пиратство и скачивание чего либо, вообще не имеет никакого отношения к Вашей профессии