Как правильно верстать такие блоки?

dicem, делать конечно можно на чем угодно. Но просто в местах где можно не использовать бутстрап - лучше его не использовать. Но это просто мое мнение и опыт) Каждый делает как хочет в любом случае.

Как правильно верстать такие блоки?

Зачем делать сетку там, где она не нужна?

Возможно ли такая запись?

Andrej Sharapov, жесть)

Почему не отображается корректно цвет текста?

плохо задавать что-либо прям на теги, надо на класс

По какой причине Gmail может заменить авторский шрифт?

illiatovpeko, шрифт и размер шрифта - это две разные вещи. А вообще, gmail выставляет размер шрифта так, как выставлено в настройках телефона. Почитайте на эту тему

Как в сетке Bootstrap прижать дочерний блок к низу родительского?

kotey, смотря на ваш код - сетку бутстрапа Вы использовать не умеете. Ну не может быть в одном row 20 колонок, если конечно Вы не кастомизировали количество колонок под себя. А скорее всего нет, иначе все колонки бы у вас вместились.

Анимация SVG, или как сделать плавный переход?

Петр, есть неплохой сервис, может поможет https://app.svgator.com/

Анимация SVG, или как сделать плавный переход?

Петр, да сейчас получается, что у вас задана начальная и конечная точка и они совершенно разные. Нужно разбить.

Анимация SVG, или как сделать плавный переход?

Посмотрите как делают более сложные примеры

Стоит ли использовать сетку bootstrap 4?

не нужно использовать бутстрап там, где можно обойтись без него

Лучшие CSS Flexbox сетки?

hOtRush, зачем столько лишних действий?

Лучшие CSS Flexbox сетки?

Дмитрий, но зачем ему бутстрап, если нужна просто сетка?

Не работает меню "гамбургер" bootstrap3?

выложите код в общедоступное место, чтобы люди не гадали

Как изменить размер паддингов в сетке bootstrap4?

Сергей Бурдужа, не за что) сама когда-то не знала

Как изменить размер паддингов в сетке bootstrap4?

Сергей Бурдужа, Потому что именно так переопределяются переменные. Иначе они и не будут работать.

Как изменить размер паддингов в сетке bootstrap4?

Сергей Бурдужа, если это прямо в стилях бутстрапа - это очень плохо, особоенно через npm пакет. Вот обновится он и все слетит или другая ошибка какая

Как изменить размер паддингов в сетке bootstrap4?

Сергей Бурдужа, попробуйте поменять как ваше я написала, должно заработать

Как изменить размер паддингов в сетке bootstrap4?

Сергей Бурдужа, ну а стили бутстрапа то после них подключаются? Здесь я вижу reboot (в который как раз и импортируются переменные бустрапа) и сетку. По идее должны быть что-то вроде этого:

@import "abstracts/module";               /* Конфигурация и помощники (переопределение переменных например)*/
@import "vendors/module";                 /* Сторонние стили библиотек: бутстрап */
@import "base/module";                    /* Базовые стили */
@import "layout/module";                  /* Разделы, относящиеся к компановке */
@import "components/module";              /* Компоненты */

В каждый модулю подключаются другие scss
abstracts/module:

@import "colours";
@import "my-variables";
@import "bootstrap-v3-variables";
@import "my-mixins";

vendors/module:

@import "~bootstrap-sass/assets/stylesheets/bootstrap";

То есть в вашем случае нужно сначала подключить:

@import "variables";
@import "../../../../node_modules/bootstrap/scss/bootstrap-reboot";
@import "../../../../node_modules/bootstrap/scss/bootstrap-grid.scss";
@import "icomoon";

Как сверстать это?

eternalfire, не для всех проектов нужен бутстрап.

Как в bootstrap 4 поменять размер container?

В 3 бутстрапе за брейкпоинты тоже отвечают переменные и называются screen-xs и т.д Скорее всего если вы меняете значения переменных для контейнера, то может нужно будет и для брейкпоинтов, от скорее от дизайна зависит. Тут лучше несколько раз все проверить, изменить сначала одно значение, а потом смотреть нужно ли что-то еще.