Bootstrap 4 beta grid last row is offset?

HTML & CSS
1

I can’t figure out why on my last bottom row that the logo is offset, almost out of the container. Can you tell me what I did wrong please? The page is live here


the bottom logo that says Lucky Eagle

<div class="row mb-3">
<div class="col-6 col-sm-4 col-md-3 col-lg-2"> 
<img class="img-fluid float-right" alt="Lucky Eagle" src="references/logos/lucky-eagle.jpg">
</div>
<div class="col-6 col-sm-4 col-md-3 col-lg-2"> 
&nbsp;
</div>
<div class="col-6 col-sm-4 col-md-3 col-lg-2"> 
&nbsp;
</div>
<div class="col-6 col-sm-4 col-md-3 col-lg-2"> 
&nbsp;
</div>
<div class="col-6 col-sm-4 col-md-3 col-lg-2"> 
&nbsp;
</div>
<div class="col-6 col-sm-4 col-md-3 col-lg-2"> 
&nbsp;
</div>
</div>
<div class="clearfix visible-sm"></div>
2

You have numerous problems. Run your site through bootlint and fix the problems it tells you.

3

I thought that bootlint only worked on Bootstrap 3, not 4

4

It looks like you have the row nested within the row above it.

2 Likes
5

Yes, it is

6

thank you

7

FYI: Learn to use the Browsers Developers Tools. It was pretty easy to see the problem.

8

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.