html – Bootstrap navbar-toggler-icon不可见但功能正常_html-js-css

概述我试图将我的bootstrap导航栏实现到我的把手布局文件中.我注意到引导程序发生了一些奇怪的事情,这也不例外.一旦我将窗口缩小到navbar-toggler-icon应该显示的大小,它就不可见了,但它仍然在那里运行,就像它应该,我只是看不到它. 这是我的整个layout.hbs类： <!DOCTYPE html><html lang="en"> <head> <!-- Requir 我试图将我的bootstrap导航栏实现到我的把手布局文件中.我注意到引导程序发生了一些奇怪的事情,这也不例外.一旦我将窗口缩小到navbar-toggler-icon应该显示的大小,它就不可见了,但它仍然在那里运行,就像它应该,我只是看不到它.

这是我的整个layout.hbs类：

<!DOCTYPE HTML><HTML lang="en">  <head>    <!-- required Meta Tags -->    <Meta charset="utf-8">    <Meta name="vIEwport" content="wIDth=device-wIDth,initial-scale=1,shrink-to-fit=no">    <!-- bootstrap CSS -->    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/CSS/bootstrap.min.CSS" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">    <link rel="stylesheet" href="/stylesheets/style.CSS">  </head>  <body>    <nav ID="navigation" >      <a  href="#">Navbar</a>      <button  type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">        <span ></span>      </button>      <div  ID="navbarSupportedContent">        <ul >          <li >            <a  href="#">Home <span >(current)</span></a>          </li>        </div>    </nav>    {{{body}}}    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.Js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>    <script src="https://cdnjs.cloudflare.com/AJAX/libs/popper.Js/1.11.0/umd/popper.min.Js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/Js/bootstrap.min.Js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>  </body></HTML>

这是一个发生什么的例子：
Picture of whats happening
我被告知将我的导航栏类改为navbar-inverse会使它出现,但我也没有运气.

解决方法尝试使用navbar navbar-light而不是navbar navbar-inverse.

bootstrap 4是对较旧的bootstrap的重大改写,并且已经改变了

Bootstrap Migration guide

总结

以上是内存溢出为你收集整理的html – Bootstrap navbar-toggler-icon不可见但功能正常全部内容，希望文章能够帮你解决html – Bootstrap navbar-toggler-icon不可见但功能正常所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://www.54852.com/web/1144420.html