Bootstrap Offset is not working

I'm starting work for the course and in the code <h1> , <hr> , and <marquee> do not want to skip columns with .offset Here is the code:

<div class="container">
    <div class="row">
        <div class="col-md-5 col-md-offset-2">
            <h1>Acróstico de Lucas</h1>
        </div>
    </div>              
    <div class="row">
        <div class="col-md-6 col-md-offset-5">
            <hr color="black"></hr>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6 col-md-offset-5">
            <marquee behavior="slide" direction="down" loop="1" scrolldelay="60">
                <ul>
                    <li><p><font color="red">L</font>eis, tais como casas, eles apoiam-se mutuamente,</p></li>  
                    <li><p><font color="red">U</font>m céu inexistente,<p></li>
                    <li><p><font color="red">C</font>ada nova idéia passa inevitavelmente,<p></li>
                    <li><p><font color="red">A</font> amadurecer, a ser criado se indefinidamente.<p></li>
                    <li><p><font color="red">S</font>angue e crescendo diariamente.<p></li>
                </ul>
            </marquee>
        </div>
    </div>
</div>