zazana

все та же навигация Bootstrap example code [bootply.com]

При маленьком окне браузера(мобильная версия), пайплайны уродливо показываются в стороне. Прошу помочь.

@media only screen and (max-width: 768px) {
    body {
        padding-top: 180px;
    }
    ???????? {
        display: none;
    }
}

Прошу пиздец умных фронтэндщиков объяснить нубу можно ли вот так делать, т.е. как получше осуществить такое. Разделитель нужно же в span совать, но я в ли, иначе не работает.

        <nav class="navbar navbar-default navbar-fixed-top">
          <div class="container-fluid">
              <ul class="nav navbar-nav">
                <li><a href="#">Пункт меню</a></li>
                <li class="nav-list-divider">|</li>
                <li><a href="#">Пункт меню</a></li>
                <li class="nav-list-divider">|</li>
                <li><a href="#">Пункт меню</a></li>
                <li class="nav-list-divider">|</li>
                <li><a href="#">Пункт меню</a></li>
              </ul>
          </div>
        </nav>