How to make d-lg-block is not transferred into the new row?

Where atmose style
Perhaps there are other ways to hide the unit in bootstrap?
<nav class="navbar navbar-expand-lg navbar-light bg-light">
 <div class="navigation container">
 <div class="row">
 <div class="col-12">
 <a href="#"><img src="img/logo.png" alt=""></a>
 <span class="headerfonts d-lg-none d-lg-block">Atmose style</span> 
</div>
</div>
 <div class="row">
 <div class="d col-lg-none d-sm-block">
 <span class="headerfonts">Atmose style</span>
</div>
</div>
 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar1" aria-controls="navbar1" aria-expanded="false" aria-label="Toggle navigation">
 <span class="navbar-toggler-icon"></span>
</button>

 <div class="collapse navbar-collapse offset-lg-2" id="navbar1">
 <ul class="navbar-nav mr-auto">
 <li class="nav-item mr-5 active">
 <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
 <li class="nav-item mr-5">
 <a class="nav-link" href="#">Portfolio</a>
 </li> 
 <li class="nav-item mr-5">
 <a class="nav-link" href="#">Pages</a>
 </li> 
 <li class="nav-item mr-5">
 <a class="nav-link" href="#">Contacts</a>
 </li> 
</ul>
</div>

 <div class="popup d-none d-lg-block">
 <a href="#"><div class="button">
 <span>Get a question?</span> 
 </div></a> 
</div>

 </div>
March 23rd 20 at 18:55
1 answer
March 23rd 20 at 18:57
1) get familiar with the classes of bootstrap, who is responsible for what
2) you need to put the Code on codepen or at least we should copy? to see what there moves out?

Find more questions by tags HTMLCSS