Дима Паутов

Так?

Опыт и гугл вас научат. Этому нельзя вот так просто научиться

Если содержимое этого iframe чужого сайта, то нет!

Нет, не нужно!

Всё просто! Я думаю то, что вы сделаете, при условии, что руки у вас прямые, будет поддерживаться после вас. И разработчикам не придётся изучать ваш css код, что бы вставить еще одну колонку, изменить размер другой колонки сетки и т.д., т.к. с документацией Bootstrap многие уже знакомы, а те, кто нет, смогу её прочитать.

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

Я лично его не использую. Для себя давно написал каркас, который всегда по мере надобности улучшаю. Но так же я использую некоторые плагины bootstrap. Модальные окна, выпадающий список и табы(вкладки). Все!

Просто выпилите все не нужное и оставьте то, чего требует проект. И заказчик доволен и вам проще

Нет!

Уже давно использую flexbox сетку(если сетка вообще нужна на сайте). Ну она просто жутко удобная, если ее правильно написать. Поддержка у него достаточно хорошая, что бы начать использовать уже сейчас. Ну а если нужен будет ie, то написать для него fallback не составит труда!

Вот её примеры.
foundation.zurb.com/sites/docs/flex-grid.html
flexboxgrid.com

Если у блока нет фиксированной высоты, то просто наведите на него мышкой(Используйте консоль браузера)! Браузер подсветит вам блок и укажет его размеры(если у элемента есть свойство padding отключите его). Далее просто возьмите высоту блока и поделите его на кол-во текстовых строк. Либо ищите выше по родителям. Возможно оно уже указано у блока стоящего выше по родителю.

Не совсем понял вопрос, но если хотите проверить, правильно ли составлена у вас семантика, то просто возьмите и вставьте весь свой html и вставьте сюда. И все будет понятно!

Вы хотите сделать умный css что ли? Вы сами перечислили библиотеки, которые делают то, что вам нужно!
Их поэтому и создали, т.к. css не может решить такую задачу.

Ну так ответ очевиден. Макет должен быть на 1920.
А если вы сверстали его ровно под 2480, то на основе этого делайте его резиновым. Чего сложного?

Если не умеете работать с SVG, то фон можно вырезать картинкой.
А сами шаги сделать так:
thecodeplayer.com/walkthrough/jquery-multi-step-fo...

По сути все мы, всегда, пишем на мини фреймворках. Часть от туда, часть от другого!
Напишите себе свой, под свои нужды, используя только лучшие и важные для вас качества и подходы других фреймворков. Выделите из своей работы те моменты, которые вы очень часто используете, слайдер, модальное окно и т.д. Часто повторяющиеся элементы собирайте в свою кучку.

jsfiddle.net/noj475r4/6

1) Почему если сразу "дурной тон", то нельзя так делать? Мода на одежду тоже много чего говорит, но не все же ей следуют! Исходите из ситуации. Если у вас много элементов, к которым нужно использовать данное свойство, то * {box-sizing: border-box} будет норма. А иначе да, проще добавить тем 2-3м элементам к которым нужно применить! Такой подход очень удобен для адаптивных шаблонов. Что бы каждый раз не пересчитывать ширину блока у которого есть border и padding

2) Я никаких не увидел! Всю жизнь пользовался px и буду, пока не будет необходимости переходить на другие единицы. Ведь макет в фотошопе имеет размер в пикселях! Мне они для восприятия проще. Если вдруг все из фотошопа перейдут в другой редактор, в котором будут rem единицы измерения, то буду переходить на них!

3) Если тегов много, то и нагрузка больше. Ведь чем их больше, тем больше браузеру нужно отрисовать, построить древо узлов и т.д.

4) Если вы в селекторе используете все свойства как font-weight, font-size, font-family, line-height, то да, лучше написать 1м свойством. А когда меняете только размер шрифта, то зачем писать font: normal 12px/19px Arial;

5) Разницы никакой нет, только если для восприятия кода!