sergey

Сохранить страницу getbootstrap.com/components

1) не используйте ID
2) BEM
3) Css Modules

Привет! transition не работает со свойством display, используйте opacity. Свойство transition должно быть определено сразу, а не вешаться / сниматься динамически
.slider-item {
opacity: 0;
vertical-align: middle;
transition: all 1000ms ease;
width: 100%;
}

.slider-item.active {
opacity: 1;
}

Все вяжется, это же дизайнер делал. Кхм, простите, не удержался.

А если по делу, недавно видел похожее, там из категории выбирается один параметр, как селектбокс, возможно это оно и есть.
Или просто 3 разных слайдера каждый на свою тематику

Вам нужно настроить таску, чтобы она смотрела на всю папку sass

Таска

gulp.task('sass', function() {
 gulp.src('/dev/sass/**/*.scss')
  .pipe(sass())
  .pipe(gulp.dest('место куда должно компилится'))
});

Watch
gulp.watch('/dev/sass/**/*.scss', ['sass']);

Настройки, конечно же подставьте свои.

Очень даже вяжется. Это могут быть 3 разных раздела.

$ sh ./phpstorm.sh
И можете не заморачиваться с флагами.

View → Active Editr → Show Whitespaces? И это не «горизонтальные линии», а пробельные символы — пробелы, табы и т.д.

Йохохо: Подборка Awesome JavaScript