.col-lg-offset not working

Question

I recently switched from Foundation to Bootstrap and it seems great, but I am unable to figure out why the offset isn't working for me here. Would anyone be able to help? Note that I'm using Bootstrap 4.

HTML:

<div class="row">
    <div class="col-lg-3 col-lg-offset-1">
        <img src="img/logo.png" alt="Logo description">
    </div>

    <div class="col-lg-7">
        <p>Some text goes here...</p>
    </div>
</div>

Thank you all in advance for your help.

Please [refer to the docs](https://getbootstrap.com/docs/4.0/layout/grid/#offsetting-columns) before asking questions on SO. — Carol Skelly, Apr 05 '18 at 11:48

score 0 · Accepted Answer · edited Apr 05 '18 at 11:51

0

Please try

<div class="row">
          <div class="col-lg-3 offset-lg-1">
            <img src="https://static.pexels.com/photos/248797/pexels-photo-248797.jpeg" alt="">
          </div>
          <div class="col-lg-7">
            <div class="row">
                <div class="col-lg-12">
                    <p>Lorem Ipsum</p>
                </div>
            </div>
          </div>
       </div>

edited Apr 05 '18 at 11:51

Darshan Dave

645
2
9
32

answered Apr 05 '18 at 11:47

Preeti

71
4

Brilliant!!! Thank you so so much Preeti, that worked. It's strange because I on w3schools they wrote .col-sm-offset-* so I just assumed it was that. Has it changed recently? But thank you ever so much once again, I really appreciate! – M4l2c3l0 Apr 05 '18 at 11:50

.col-lg-offset not working

1 Answers1