Как в bootstrap сделать чтобы текст уменьшался вместе с блоком на разных устройствах?

можно задавать размер шрифта в em, он будет зависеть от размера шрифта своего родителя

Использовать единицу измерения vw.
vw = 1 % от ширины пользовательской части окна браузера.

p {
font-size: 5vw; /* 5% от viewport */
}