Как в bootstrap сделать чтобы текст уменьшался вместе с блоком на разных устройствах?
можно задавать размер шрифта в em, он будет зависеть от размера шрифта своего родителя
Использовать единицу измерения vw.
vw = 1 % от ширины пользовательской части окна браузера.
p {
  font-size: 5vw; /* 5% от viewport */
}
Не bootstrap, но универсальный механизм: css-live.ru/articles/matematika-css-shlyuzov.html