Bootstrap 4 beta grid last row is offset?

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>


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

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

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

2 Likes

Yes, it is

thank you

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

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