Navbar Bug auf bootstrap

Question

Also habe ich eine Navbar gemacht und jetzt will ich es zeigen, nachdem ich eine Javascript Funktion aktiviert habe.

Der HTML-Code:

<ul id="HelloDiv" class="nav navbar-nav"> 
<li id="UserHello" style="visibility: hidden"><a href="#">Hello</a></li></ul> 

Der Javascript-Code:

function IsLogedIn(TextBoxID) 
    { 

     if(TextBoxID.value != 'nothing') 
     { 
     document.getElementById('LogInBTN').style.visibility = 'hidden'; 
     document.getElementById('UserHello').style.visibility = 'visible'; 
     // document.getElementById('HelloDiv').className = 'nav navbar-nav'; 
     // document.getElementById('UserHello').className = 'nav navbar-nav'; 
     document.getElementById('UserHello').innerHTML = 'hello ' + TextBoxID.value; 

     } 
} 

This is how it supposed to look like

This is how it really look like

Hilfe?

Answer 1

Sie müssen den Satz der Klasse von UserHello Element navbar-text

<ul id="HelloDiv" class="nav navbar-nav"> 
    <li id="UserHello" class="navbar-text" style="visibility: hidden"><a href="#">Hello</a></li> 
</ul> 

Answer 2

Ich weiß, wie Sie mit Ihrer Frage zu helfen, aber vor allem wegen der Code und die Links, die Sie geliefert. Wenn Sie Ihre Frage für künftige Probleme dieser Art neu formulieren könnten, wäre dies sehr zu begrüßen. Vielen Dank.

Die Lösung besteht darin, einen Rand hinzuzufügen. Dies ist, um Text nach unten zu schieben und zu stoppen, Elemente darüber zu überqueren.

Hoffe, das hilft