Can anyone explain why these two elements are not displaying on the same row when using Bootstrap 4?
<div class="container">
<div class="row">
<div class="col-lg-2">
<a class="logo"><img class="logo__img" src="./img/logo.png"/></a>
</div>
<div class="col-lg-1 hamburger">
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
View the image description here
.hamburger span {
background: #fff;
display: block;
height: 2px;
margin-bottom: 5px;
width: 2.4rem;
}