【问题标题】:Twitter bootstrap class navbar-collapse erases the <ul>Twitter 引导类 navbar-collapse 删除 <ul>
【发布时间】:2014-10-30 11:06:04
【问题描述】:

我正在尝试学习 Bootstrap,目前正在编写新网站的导航栏。但是每次我使用 nav-collapse navbar-responsive-collapse collapse 类放置一个 div 时,导航栏的 UL 中的链接就会消失。代码如下:

<div class="navbar navbar-fixed-top navbar-inverse">
        <div class="container">

           <a class="navbar-brand" href="#">FUTURE LOGO</a> 

           <div class="nav-collapse navbar-responsive-collapse collapse">
              <ul class="nav navbar-nav">

                 <li class="active"><a href="#"><span class="glyphicon glyphicon-home white"></span> Domu</a></li>

                 <li><a href="#">Section</a></li>
                 <li><a href="#">Section</a></li>

                 <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Section<strong class="caret"></strong></a>
                    <ul class="dropdown-menu">
                      <li><a href="#">Subsection</a></li>
                      <li><a href="#">Subsection</a></li>
                      <li><a href="#">Subsection</a></li>

                      <li class="divider"></li>

                      <li class="dropdown-header">Dropdown-header</li>
                      <li><a href="#">Subsection</a></li>
                      <li><a href="#">Subsection</a></li>
                    </ul><!-- End dropdown-menu-->
                 </li><!-- End dropdown-->
              </ul><!--End nav-->
           </div><!-- End navbar-collapse-->
        </div> <!-- End container-->
    </div> <!-- End navbar-->

【问题讨论】:

  • 当你把浏览器窗口变窄时会出现吗?
  • 不,即使在宽浏览器窗口中也会出现..

标签: html css twitter-bootstrap


【解决方案1】:

我刚刚想通了。在新版本的bootstrap中,没有nav-collapse,而是改为navbar-collapse。

【讨论】:

  • 别担心,这是我的下一步。
【解决方案2】:

包含 ./js 文件夹中的 java 脚本文件。

【讨论】:

  • 我已经包含了 bootstrap.min.js 文件,不是它。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2020-05-23
  • 1970-01-01
  • 2012-07-14
  • 2019-09-27
  • 2018-12-27
  • 2018-03-06
  • 2014-02-19
相关资源
最近更新 更多