Question

所以我制作了一个导航栏，现在我希望它在激活一个javascript函数后显示在它上面。

HTML代码：

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

javascript代码：

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

帮助？

Answer 1

您需要将UserHello元素的类设置为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

我知道如何帮助您解决问题，但主要是因为您提供的代码和链接。如果你可以为这种性质的未来问题重新提出你的问题，我们将不胜感激。感谢。

解决方案是增加保证金。这是向下推文本并阻止任何元素越过它。

希望这有帮助

Navbar bug在bootstrap上

2 个答案: