Ну смотря какая поддержка браузеров нужна. В IE старых вроде есть какие-то проблемы с SVG, но я в своей работе не сталкивался особо и никакие костыли были не нужны. В инлайне тоже ничего плохого не вижу, но это мое мнение)
Сам бутстрап никогда не использовал, решил что лучше сам научусь верстать сетки и не буду париться с бутстрапом.
Так выходит вы определили уровень заголовка чисто по его внешнему виду? Это неправильно. Заголовки должны образовывать осмысленную структуру. К тому же это важно для доступности (accessibility). Если у вас нарушена структура и вообще смысл заголовков, то скринридеры зачитают пользователю черти что и он не поймет что к чему на вашем сайте.
Можете воспользоваться вот этим инструментом чтобы посмотреть на ваши заголовки и решить, смогли бы ли вы что-нибудь понять по ним yoksel.github.io/html-tree
А внешний вид текста не имеет значения. Вы можете что угодно стилизовать так, чтобы это выглядело как заголовок. Спан, абзац и тд и тп.
alt'ы у изображений тоже не очень, опять же с точки зрения доступности. Нужно либо писать туда какой-то осмысленный текст для пользователя, либо прятать от скринридеров через aria аттрибуты.
Еще момент. Для декоративных изображений типа иконок услуг (development, customization и тд) лучше по возможности использовать псевдоэлементы и не городить ради них в разметке лишние дивы. А то получается довольно замусоренно.
Про бутстрап. Ну если вам попадется макет с нестандартной сеткой и вы вдруг не умеете их строить никак иначе, кроме как с помощью бутстрапа, то будет проблемно.
Сам бутстрап никогда не использовал, решил что лучше сам научусь верстать сетки и не буду париться с бутстрапом.