Offset bootstrap not working

Asked

Viewed 1,422 times

0

I am doing the beginning of a work for the course and in the code the <h1>, <hr>, and the <marquee> do not want to jump columns with the .offset Follows 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>

inserir a descrição da imagem aqui

  • You mean you don’t want to jump columns? I mean, it’s not getting one blank space left? Could post an image or a fiddle?

  • I added an image of how to wheel

  • 1

    You added the file .css of bootstrap on <head></head> of HTML?

  • Yes, both local and by CDN.

  • Ueh, I got your code and test, it’s working. See: https://jsfiddle.net/6qjvjaq2/. Change the screen size to check how it works. One detail, offset respects media query, so if you want to have offset in smaller resolutions, set settings according to screen size. Example, col-Sm-offset... col-Xs-offset...

  • Definitely missing link to Bootstrap on <head> page. The proof of this is that the fonts are in Times New Roman (default browser), while the Bootstrap default is a sans font.

Show 1 more comment
No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.