If the text content of the design you implements have breaks, you should not write this <br> breaks hard in your code. Instead you should look how much width this text has and define this in your style. For centered text the container class can be extended with a class called container-text defined in scss/_containers.scss:

.container {
    // containers with text should be smaller
    &.container-text {
        max-width: 620px;
    }
}

HTML:

<div class="container container-text">
    <div class="row">
        <div class="col-xs-12">
            <h1 class="text-center">
                Jelly liquorice ice cream dragée donut
            </h1>
        </div>
    </div>
</div>

Another way is to use columns:

<div class="container">
    <div class="row">
        <div class="col-xs-6">
            <p>
                Topping halvah powder cake cookie oat cake apple pie. Muffin danish caramels brownie chupa chups. Jelly fruitcake danish tootsie roll. Gummies dragée marshmallow apple pie.
                Sesame snaps cake gummi bears ice cream sugar plum. Pie sesame snaps soufflé. Croissant brownie halvah topping. Cheesecake bear claw bear claw.
            </p>
        </div>
    </div>
</div>