Как поменять цвет фона первого span?

т.е не уникальный, в отличие от классов идентификаторы должны быть уникальны, иными словами, встречаться в коде документа только один раз.

Как сделать такой диалог?

https://jsfiddle.net/soledar10/6kv85s3o/

Как сделать такой диалог?

треугольник получается с помощью :after and :before, также можно воспользоваться сервисом apps.eky.hk/css-triangle-generator

Тут нужно использовать clearfix?

более логичным будет - left,center, right

Тут нужно использовать clearfix?

https://jsfiddle.net/soledar10/p26we2tq/

Тут нужно использовать clearfix?

https://jsfiddle.net/soledar10/uwj5sm9d/

Адаптивность в bootstrape. Ломается верстка. Как быть?

вот ваш макет - https://jsfiddle.net/soledar10/76d232ck/

Адаптивность в bootstrape. Ломается верстка. Как быть?

залить на гугл диск или яндекс диск и показать ссылку с изображением макета

Адаптивность в bootstrape. Ломается верстка. Как быть?

это локальная ссылка, которая мне не доступна

Адаптивность в bootstrape. Ломается верстка. Как быть?

ссылкой

Адаптивность в bootstrape. Ломается верстка. Как быть?

макет покажите?

Адаптивность в bootstrape. Ломается верстка. Как быть?

да

Адаптивность в bootstrape. Ломается верстка. Как быть?

если используете бутстрап, почему не используете их меню? также не все теги закрыты

Адаптивность в bootstrape. Ломается верстка. Как быть?

https://codepen.io/pen/

Адаптивность в bootstrape. Ломается верстка. Как быть?

https://jsfiddle.net

Адаптивность в bootstrape. Ломается верстка. Как быть?

Оформите код в песочнице

Как передать результат form в гугл док?

мне готовое решение не нужно, хочу сам разобраться.

Некорректное отображение в IE?

не нужно
Удачного дня!

Как оптимизировать изображения по PageSpeed Insights?

пользуюсь этим инструментом https://tinypng.com/

Как сделать анимацию при скрытии элемента без JavaScript?

codepen.io/anon/pen/mPOwqE