В настоящее время я работаю над веб-сайтом, на котором мне нужно разместить несколько изображений, и некоторые заголовки и описания будут добавлены вместе с ним. Если браузер работает в полноэкранном режиме, заголовок отображается в одной строке; однако, если ширина браузера уменьшается, заголовок автоматически отображается в две строки.

Вот как это выглядит, когда браузер работает в полноэкранном режиме:

Вот как это выглядит при уменьшении ширины браузера:

Я хочу сделать так, чтобы размер заголовка уменьшался при уменьшении ширины браузера и мне было интересно, как я мог это сделать. Я не смог найти ни одного хорошего ресурса в Google, или я просто не мог искать с правильными ключевыми словами.

Я разрабатываю сайт, используя Ruby on Rails с Bootstrap (2.3.2). Я также использую SASS и jQuery, но я новичок в этом.