Сергей delphinpro

codepen.io/anon/pen/PbJVWW

Вы же не думаете, что вам нужно реализовывать эти колонки в верстке???

ЗЫ Если хотите, можете взять мою сетку https://gist.github.com/delphinpro/87ef3d684c59848...
как раз то что нужно вам, я использую в процессе верстки для визуального контроля, перед сдачей проекта сетка отключается.

https://jsfiddle.net/DelphinPRO/DTcHh/26935/

показал только суть, media-запросы для адаптивности добавьте сами

Да при чем здесь z-индексы-то? Вы тупо режете контент в колонке правилом overflow-y: scroll;

Минимальное разрешение десктопа которое я нашел составляет 1280x1024

Плохо искали podberi-monitor.ru/price/podbor/1024x768/1C.html

.row
  .col-md-offset-3.col-md-6
    .row
      .col-md-4
      .col-md-4
      .col-md-4

Берем sass версию, комментируем строки 19-21 в grid.scss
https://github.com/twbs/bootstrap-sass/blob/master...
ну и заодно 82-84
https://github.com/twbs/bootstrap-sass/blob/master...
компилируем, радуемся.

Как правильно верстать с помощью bootstrap?

Главное помнить, что .row не должен быть непосредственным потомком .row, между ними обязательно должен быть .col-*-*. То же самое касается и колонок

=)
так ничего не делать.
Если правки - это именно правки - ok, вероятно ваш косяк. Но если правки - это переделки - они оплачиваются отдельно. Не говоря уже о новых страницах.

в то время как мне приходится каждую мелочь переносить на 16 страниц

Пора освоить системы сборки, шаблонизаторы и т.п. Вы, небось, с таким подходом всё еще и css вручную пишете, и вендорные префиксы сами расставляете? =)

Если под словом "контейнер" подразумевается блок с классом .container или .container-fluid, то их не следует вкладывать друг в друга. Если вы имеете ввиду дополнительные дивы со своими кастомными классами или элементы сетки (.row, .col-*-*), то, если вам нужно, вкладывайте их сколько угодно (но без фанатизма). Это норм.
Главное помнить, что .row не должен быть непосредственным потомком .row, между ними обязательно должен быть .col-*-*. То же самое касается и колонок.

Это инструменты для редактирования/настройки модулей прямо в сайте. редактирование доступно только админам. У простых юзверей этого не будет.

для контейнера
display:table;
table-layout: fixed;

для детей
display: table-cell;

для среднего
text-align:center;

для правго
text-align: right;

https://jsfiddle.net/DelphinPRO/cfnbuqg1/2/

Минифицированный файл для увеличения скорости загрузки страницы. Именно он должен использоваться на боевом сайте. Не минифицированный файл подключается на dev-сервере в процессе разработки. Это касается минифицированных файлов в целом. Файлы собираются системой сборки (gulp/grunt/webpack). После окончания разработки дается команда создать сжатый файл и он создается.

В случае бутстрапа используйте минифицированный, если вы не планируете вносить в него изменения и не минифицированный в противном случае.

Налицо ошибка дизайнера. Ему следует перестроить сетку. Именно сетку, а не блоки с контентом. Хотя их немного тоже затронуть придется.

В сетке следует увеличить гуттеры (расстояния между колонками). И соответственно уменьшить ширину колонок.
Третий столбик чуть изменится в ширине. Не стоит выпендриваться и отдать ему получившиеся четыре колонки.

В дизайне, выстроенном по сетке, любой блок всегда занимает целое количество колонок и не залазит на гуттер, как у вас в последнем ряду маленькие блоки.

Текущий вариант верстальщик конечно тоже может без особых трудозатрат реализовать, но это породит дополнительные неудобства в последующей поддержке, если реализация окажется непродуманной, сделанной на скорую руку.

codepen.io/anon/pen/kXyxEQ

codepen.io/anon/pen/mErzbV

Просто сделайте общий класс

$('.toggle-cat-desc').on('show.bs.collapse', function(){
        $(this).next().html('Скрыть');
    }).on('hide.bs.collapse', function(){
        $(this).next().html('Подробнее');
    });

<div class=section>
  <img src="">
  <img src="">
  <img src="">
  <img src="">
  <img src="">
</div>

.section {
  display: flex;
  justify-content: space-around;
  img {
    max-width: 20%; // опционально
  }
}

Казалось бы, причем здесь bootstrap?..

Возьмите gulp-twig
Вам не нужно будет ничего конвертировать (как с жопе), только расширения файлов поменять
Сможете просто использовать инклуды
{% include "somefile.twig" %}
А если понадобится, то и всю мощь шаблонизатора.