Как сделать чтобы d-lg-block не переносило в новый рядок?

Question

[4a1ika]

Там где atmose style
Возможно есть другие способы скрытия блока в бутстрапе?

<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="col d-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>

Answer 1

[NaN]

1) Разберитесь с классами бутстрапа, кто и за что отвечает
2) Код нужно выкладывать на codepen хотя бы или мы сами должны копировать? смотреть, что там съезжает?