Владислав Бойченко

Использовал Chart.js для одного проекта, есть и клик, и ховер, управление очень приятное, кастомизация также.

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

$(':input').on('input keyup change paste', function(){
  if($(this).hasClass('error')) {
    $(this).removeClass('error');
  }
});
$(':input').on('blur', function(){
  if($(this).val() == '') {
    $(this).removeClass('error');
  }
});

Сначала parseFloat ваше число, потом — toFixed.

rows: 2

assets/
  /css
  /fonts
  /img
    /icons
    /svg
    /del
  /js
    /libs
    /components
    script.js
  /scss
    /base
      fonts.scss
      base.scss
      header.scss
      footer.scss
    /common
      animation.scss
      buttons.scss
      elements.scss
      grids.scss
      typography.scss
    /components
    /libs
    /mixins
    /pages
    /vars
      breakpoints.scss
      colors.scss
      fonts.scss
      transitions.scss
    style.scss
  index.html

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

https://isotope.metafizzy.co/

Я понял, то, что я видел, было Стилусом. Там есть такой функционал.

У WP Query для решения вашей задачи есть прекрасный параметр offset, посмотрите сами: https://wp-kama.ru/function/wp_query#offset

Я делаю так:

gulp.task('scripts-libs', function(){
	return gulp.src([
		'app/libs/jquery/jquery.js',
		'app/libs/**/*.js'
	])
	.pipe(concat('libs.min.js'))
	.pipe(uglify())
	.pipe(gulp.dest('app/js'));
});

Соответственно нужны gulp-concat и gulp-uglify.

Сетку дизайнер и вправду там сделал только потому, что видел ее в других макетах и подумал, что везде надо делать, логики в ней нет. Во всяком случае она показывает вам максимальную ширину контейнера: 1578рх. То есть задаете новый бреикпоинт в бутстрапе (+30рх отступы контейнера):

@media (min-width: 1650px) {
  .container {
    width: 1608px;
  }
}

Далее сами накидайте сетку на 12 равномерных колонок с отступами по 15рх с каждой стороны (в сумме между колонками 30рх) и оперируйте .col-lg-*. После 1650рх (то есть для экранов 1600, 1440, 1366, 1200) подхватится уже стандартный бутстраповский контейнер 1170рх.
В принципе, на бутстрапе верстать можно, там ведь даже блоки для этого подходят (карточки по 25%, по 50% и т.д.).

Пришел к решению в другом проекте. Если у вас несколько одинаковых слайдеров, нужно просто вызывать их через each(), и тогда соответственно обращаться к нужным элементам через $(this), примерно так:

$('.portfolio-slider-big').each(function(){
  $(this).slick({
    asNavFor: $(this).parents('.postfolio-slider-container').find('.portfolio-slider-little');
  });
});

Обычный slick slider. Сначала выводите rows: 2; slidesPerRow:3; а потом с помощью responsive: []; приведите к одной строке и одному слайду на мобилках. По поводу кастомной пагинации, то в slick slider можно что угодно написать, если хоть немного понимаете в JS и пользуетесь stackoverflow, решения уже есть.