navbar hide text in bootstrap

Question

У меня проблема, которая скрывает текст за панелью, как на изображении ниже.

код Переключение навигации MegaMenu

<div class="collapse navbar-collapse js-navbar-collapse"> 
     <ul class="nav navbar-nav"> 
     <li class="dropdown mega-dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Collection <span class="glyphicon glyphicon-chevron-down pull-right"></span></a> 

     </li> 
      </ul> 

     </div> 
     <!-- /.nav-collapse --> 
     </nav> 
    </div> 

Я надеюсь, что кто-то может мне помочь.

Приветствия.

Answer 1

Позвольте мне угадать, у вас есть класс navbar-fixed-top на вашем навигаторе.

Фиксированный навигатор имеет фиксированное положение, которое накладывает на любой элемент.

Навигатор имеет ширину 50 пикселей.

То, что я, как правило, делать в своих приложениях с фиксированной BS навигационной панели заключается в следующем:

body { 
    margin-top: 50px; 
} 

Не нужно быть тело, но существенная идея заключается в том, чтобы обернуть ваше содержание и толкать его вниз 50px ,

Редактировать

OP добавил свой код, и хотя Navbar не navbar-fixed-top, проблема такая же.