Michael Litvinenko

Фреймворк типа бутстрапа нужно использовать в случае если:

1. Ты УМЕЕШЬ это реализовывать на pure CSS/JS
   
2. Ты делаешь что-то многострочное, что займет длительное время при реализации в Pure(см. п.1).
   
3. Ты ЗНАЕШЬ дословно как реализован используемый тобою фреймворк, как и что он делает на каждом этапе. Исключениями могут быть такие вещи как Angular, Vue, React.
   
4. Фреймворк идеально подходит под твой проект, исключена возможность подключения 100 строк ради однократного использования 10-ти.
   

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

Чистый JS знать нужно 1000%, потому что понимая его, вам будет очень легко "прыгать по frameworks". Запомните что frameworks просто описывают вашу архитектуру, как должна выглядеть структура вашего приложения. Саму логику вы же пишите на JS.
Поэтому важно знать сам JS и его подводные камни, а потом пойдет как по маслу.

Чистый css знать нужно обязательно. Это видно по огромному количеству дебильных вопросов на Тостере в духе "а как это сделать на бутстрапе?" - и приложена картинка, к которой бутстрап ни в борщ, ни в красную армию. Фреймворки в css - вспомогательный второстепенный инструмент, который иногда помогает, если хорошо подобран под задачу. Но чаще - балласт.

С JS немного сложнее. Там фреймворки более важны и нужны. Но... знать ваниль всё равно нужно. Без ванили это все равно учить иностранный язык готовыми фразами абсолютно без понимания грамматики - в шаблонных ситуациях поможет, но шаг в сторону - и ты мычишь.