Как мне сделать такую верстку?

Спасибо, подтолкнули. Так и сделал)

Можно ли такое сделать без абсолютного позиционирования?

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

Можно ли такое сделать без абсолютного позиционирования?

NaN, ты увидел 1 блок со всего макета, каким образом у тебя получилось сделать выводы о том нужно её использовать или нет? Если использую, значит мне нужно. Вопрос был не в бутстрапе.

Можно ли такое сделать без абсолютного позиционирования?

Немного не понял что значит картинку на задний план в body.
Как её тогда спозиционировать как нужно?

Можно ли такое сделать без абсолютного позиционирования?

Она меняет свою позицию в зависимости от ширины экрана

Можно ли такое сделать без абсолютного позиционирования?

Если сетка в макете позволяет верстать на бутстрапе, почему бы и не верстать на бутстрапе?

Как добавить атрибут к элементу формы?

Eugene Chefranov, Да, пожалуй была проблема с порядком. Сейчас все работает, спасибо)

Как добавить атрибут к элементу формы?

Я пробовал. Так тоже не отображается ничего

Есть ли смысл это делать через css?

O_stap, не помогает. Блок ведь обрезается

Есть ли смысл это делать через css?

примерно так получается. Блок с текстом не должен обрезаться

Есть ли смысл это делать через css?

Не подскажите, как добиться такого? я пробовал через clip-path, но тогда обрезается и текст, который должен выпирать с бэкграунда на белую область

Почему не работает slick?

Попробовал так, не получилось

function loadMore2(){
	$.ajax({
		method: 'POST',
		data: {"sec_id": <?=$catalog_section_id?>},
		url: '/catalog/more2.php?PAGEN_1=' + newsPagen,
		success: function(data){
			$('.more_product_4').append(data);
			newsPagen++;
			 $('.product-image').slick('reinit');

		}
	});
}

Почему не работает slick?

Andrey Suha, Подгружается аяксом.
Как это реализовать, не подскажите?

Почему не работает slick?

Пробовал еще так

$('.show-more__button').click(function(){
		$('#products .product-box .product-image').slick();
});

безуспешно

Почему текст наезжает на картинки?

Speakea1y1289, с max-width поиграйтесь

Почему текст наезжает на картинки?

Speakea1y1289, На вашем сайте не вижу проблем, с расстоянием могу предложить такое решение

a.timeline-content {
    max-width: 90%;
    width: 100%;
}

Почему текст наезжает на картинки?

Speakea1y1289, https://jsfiddle.net/hw60kvoc/2/

Как сделать такой разделитель?

im_dimas, https://codepen.io/anon/pen/agWWqV

Как узнать откуда взято содержание статьи на сайте?

andreysuha, Я знаю где он должен быть, его там нету. Видимо он генерируется скриптом

Как изменить стрелки slick?

Хм, столкнулся теперь с такой проблемой:
в моб игнорируется это стрелки назад нету и не появляется. А стрелка вперед и не исчезает.