sergey

Ну а в чем проблема «повыбрасывать» всё, что в проекте не будет использоваться?
Есть много шаблонов gulp-проектов, которые опубликованы разработчиками, как «starter kit», по их мнению, для начала разработки чего-то нового. И у всех разный подход к архитектуре проекта.

Вот, например, один из многочисленных паттернов.

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

вот www.itgeared.com/articles/1513-show-hide-menu-scro...

как вариант
https://jsfiddle.net/soledar10/31LgLa51/

что-то у вас большинство тасков тупо копируют файлы из одной папки в другую... почему бы js сразу не собирать в один файл, и зачем вам sass в public, если вы туда и так уже скомпиленный css кладете?

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

Верстаем мы всегда с макета.
Я не говорю о таком кейсе как собрать админку из компонентов бутстрапа по прототипу - это как раз самое правильное его использование.

Так вот от макета мы очень сильно зависим.
Если дизайнер потрудился хотя бы использовать сетку, то сетка и система breakpoints из Botstrap (4 версия, на scss) нам очень поможет. Если дизайнер идиот - не поможет ничего.

В моем шаблоне проекта сетка и брекпоинты есть по умолчанию. Так же как некоторые helper-классы.

Что касается остальных компонентов (типографика, таблицы, формы, кнопки и т.д.) - всегда нужно задавать вопрос, что проще/лучше: стилизовать свою кнопку или переопределить имеющиеся.

Насколько классы предлагаемые бутстрапом впишутся в общий стиль проекта?

Насколько мы облегчим поддержку проекта, перекостылив под дизайн половину того что взяли от бутстрапа, а 2/3 проекта написав своими стилями?

Я видел как по дефолту суют
bootstrap.min.css
bootstrap-theme.min.css
bootstrap.min.js
потом в отдельном файле переопределяя и дописывая все что нужно. Целый мать его bootstrap.min.js из которого использовалось только меню-бутерброд!

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

И что, насколько я новичёк и максималист с моей библиотекой миксинов (документированных, в т.ч. из бутстрапа), scss файлами, разнесенными по блокам и BEM-подходом к наименованию классов?
С опрятным css на выходе и инструкцией-рекомендацией как и зачем всё же использовать препроцессоры.

Таким образом, присоединяюсь к ответам Сергей и Serj-One . Каждой задаче - свой инструмент.
А поддерживать легко не столько код где использовался фреймворк (особенно в контексте css), а код, где использовалась голова.

P.S. Вот ещё достойное мнение например:https://gist.github.com/iAdramelk/d328b73c72cab92ef95f

Быть профессионалом - значит знать и правильно применять необходимые инструменты для наиболее эффективного решения задачи. А также НЕ применять, если в этом нет необходимости.

Вот незаменимая вещь www.codewars.com/. Потренируйся на 8 уровне, поймешь, что слишком просто иди на уровень выше. Не гонись за рейтингом только, лучше разберись в основах. И с пользой и с интересом.

А не могли бы Вы опубликовать сам таск, чтобы точнее определить причину?

Предположу, что вы сохраняете файлы в то же место, откуда берете

var src = '*/**';
gulp.src(src)
  .pipe(somePlugin)
  .pipe(gulp.dest(src));

выложите код gulpfile.js

1) li нельзя вкладывать в div
2) нужно заменить float: left; на display: inline-block; и задать маргин не слева, а с обеих сторон