Александр Ме

На раз. Через JS ajax'ом закидываете сериализованные данные формы в любое количество обработчиков и наслаждаетесь результатом
Если хотите чистым html - честно, не знаю, но предположительно - нет

ничем не плохи. просто ценители и перфекционисты "чистого" хтмл не годуют.

Вы все делаете так, это норма, добро пожаловать в мир npm.

https://mcdonalds.ru/ - вроде не жалуются.
Все кто говорят что бустрап не подходит, просто работают по старинке.
С точки зрения верстака - так ему вообще плевать на бутстрап.
С точки зрения менеджера проекта - однозначно только бутстрап.

"button__primary--hover.html" лол, мэн, никто так файлы не называет. Это БЭМ-классификация разметки, во-первых.
Во-вторых, на html уже никто нормальные проекты не пишет.
Вот тебе хорошие ссылки.
бац https://habrahabr.ru/post/246349/
бац yeoman.io
бац https://github.com/larsonjj/generator-yeogurt (ну или просто npm i generator-yeogurt -g)

Конечно же зависит от задачи! Но все же bootstrap - можно использовать где угодно! А чтобы уменьшить его размер можно его сконфигурировать!

у вас цель не верно поставлена и вопрос соответственно тоже. нужно думать от обратного. вам нужен бутсрап для чего то на этом сайте. очень нужен? можно обойтись без бутсрапа, чтобы это реализовать? и тогда уже сами решите для себя нужен он вам или нет.
p.s.

из-за большого числа классов в свойстве class

если почитаешь про БЭМ - это даже наоборот хорошее решение, нежели плодить отдельные блоки и элементы.
p.p.s да. бутстрап массивный и нагружает. но он хорошо кастомизируется. и как описал выше - если выбрать то что вам нужно в нем - здесь getbootstrap.com/customize можно оставить нужное и удалить лишнее.

https://codepen.io/dudleystorey/pen/knqyK
Гуглите full background video
В целом это всего навсего

video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
 background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat;
  background-size: cover;
  transition: 1s opacity;
}

раздавайте фильмы через клаудфларе перед хетзнером