Навбар с двумя рядами с помощью начальной загрузки 3

Question

Я пытаюсь создать Navbar для веб-сайта с двумя строками и margin-top: 0 для верхнего ряда.Этот код работает, но не может выровнять верхнюю строку с нулевым полем.

---------------------------------------------------------------------
           icon-image(small icon) slogan(text)

           Site Logo  company name 
----------------------------------------------------------------------

Код.

  <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <nav class="navbar-inverse nav-upper">
                <div class="container-fluid">
                    <ul class="nav navbar-upper">
                        <li>
                            <a class="navbar-brand" href="#">
                                <span><img src="~/lib/images/icn.png" /></span>
                                 website slogan
                            </a>
                        </li>
                    </ul>
                </div>
            </nav>

            <div class="navbar-header">
                <a class="navbar-brand" href="#">
                    <span><img src="~/lib/images/_image1.png" /></span>
                    Company Name
                </a>
            </div>
        </div>
    </div>

CSS

.nav-upper ul.navbar-upper li {
  margin-top: 0;
}

Answer 1

Это то, что вы хотите?

Bootply : https://www.bootply.com/N7NZzIDoVm

Css :

.nav-upper ul.navbar-upper li {
  margin-top: 0;
}

.nav-upper > div {padding:0;}