Bootstrap 3 responsive h1 tag

Question

I am creating a site and want it to be responsive so I am using bootstrap 3. However, the h1 tag on the privacy policy page and about page come out of the container on small mob

Answer 1

I've had the same problem, which I've solved with jQuery:

function resize() {
    var n = $("body").width() / 17 + "pt";
    $("h1").css('fontSize', n);
}
$(window).on("resize", resize);
$(document).ready(resize);

The ratio can be adjusted by replacing the value 17 and it can be used for other tags by changing the h1.