Mr_Smitt

Вдруг Вам еще актуально: https://tempusdominus.github.io/bootstrap-4

UPD: Так же найдено решение для стандартного "bootstrap-datetimepicker"
Все дело оказалось в том что Bootstrap v.4 заменила "collapse in" на "collapse show" потому то то что было ранее в datetimepicker не работало.

Решение: Редактируем файл bootstrap-datetimepicker.js (или bootstrap-datetimepicker.min.js )

Находим:

if (hasDate()) { content.append($('<li>').addClass((options.collapse && hasTime() ? 'collapse in' :'')).append(dateView));}

Заменяем на:

if (hasDate()) { content.append($('<li>').addClass((options.collapse && hasTime() ? 'collapse show' : '')).append(dateView));}

Так же находим:

expanded = $parent.find('.in'),
closed = $parent.find('.collapse:not(.in)'),

И заменяем на:

expanded = $parent.find('.show'),
closed = $parent.find('.collapse:not(.show)'),

Ну и в завершении, находим:

} else { // otherwise just toggle in class on the two views
expanded.removeClass('in');
closed.addClass('in');

И заменяем на:

} else { // otherwise just toggle in class on the two views
expanded.removeClass('show');
closed.addClass('show');

Сохраняем и проверяем! PROFIT!!!

P.s В связи с тем что стабильной версии Bootstrap v.4 еще нет я храню Bootstrap у себя =)

Есть смысл иногда хранить JSON в некоторых ситуациях, но таким случаем очень мало.
А вдруг вы захотите сделать позже поиск по комментариям, или по фотографиям. Что будете делать?
В вашем случай однозначно необходимо разделить все это в разные таблицы. Сделать 1 дополнительный запрос по ключу( вытянуть фотографии) - это и нагрузкой то не назовешь для бд.
То же самое и с комментариями.

на слайдере реализовывал, Klookva.ru

stephband.info/jparallax

Кнопки в Вашем примере не зависят от сетки. Они имеют фиксированную ширину, и стиль inline-block, складываются в родительский p с стилем text-align: center;, если не помещаются, перескакивают на нижний ряд. Это _НЕ_ сетка, это обычное поведение inline-block элементов в родителе с diaply:block и text-align: center.

Jquery??? Ха-ха-ха! Великие разработчики придумали для этого CSS3 keyframes!! Создаете анимацию вы(т.е. верстальщик), а дизайнер ее придумывает и продумывает(как будут сменяться картинки, что как будет появляться и т.д.). Но то что вы их правите по 100500 раз говорит о том, что дизайнер мягко говоря туповат и не знает что хочет, либо ленив что бы написать все это сразу!

У меня на работе точно так же, я после 1 и 2й правки ставлю перед фактом, что бы он сразу сидел и продумывал иногда даже с криками.