Bootstrap 4 beta grid last row is offset?


#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.


#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.