How to add another menu item on magister bootstrap theme? -

Looks like impossible mission !! Only four elements allow me to add !! Idk Why: When I try to add another, the icon times it gets spoiled and I do not know what to do !!

Here is my code example

  & lt; Nav class = "mainmenu" & gt; & Lt; Div class = "container" & gt; & Lt; Div class = "dropdown" & gt; & Lt; Button type = "button" class = "navbar-toggle" data-toggle = "dropdown" & gt; & Lt; Span class = "icon-bar" & gt; & Lt; / Span & gt; & Lt; Span class = "icon-bar" & gt; & Lt; / Span & gt; & Lt; Span class = "icon-bar" & gt; & Lt; / Span & gt; & Lt; / Button & gt; & Lt ;! - & lt; A data-toggle = "dropdown" href = "#" & gt; Dropdown Trigger & lt; / A & gt; - & gt; & Lt; Ul class = "dropdown-menu" role = "menu" aria-labelbedby = "dLabel" & gt; & Lt; Li & gt; & Lt; A href = "# head" square = "active" & gt; Hello & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "about #" & gt; About me & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#themes" & gt; Theme & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "# contact" & gt; Get in touch & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#example" & gt; Example & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; / Div & gt;  

I just added one last item to the menu! And the next time I run it and want to expand the menu, then impossible !! Please help!! Why??! Index example

  & lt; Section class = "section" id = "example" & gt; & Lt; / Section & gt; But also tried to fill the elements #contact #example to create a submenu.  

Still a real mess!

It was found that an amateur as code: p

Find the line

  .mainmenu .dropdown-menu {/ top: -14em;  

and set up

  top: -114em;  

This will solve all the dilemmas and sh * t