【问题标题】:Navbar issue Twitter Bootstrap 3 [closed]导航栏问题 Twitter Bootstrap 3 [关闭]
【发布时间】:2014-06-21 04:30:55
【问题描述】:

我一整天都在尝试使用引导程序示例使我的第一个导航栏工作,但我仍然无法使按钮工作......有什么提示吗?请...

  <nav class="navbar navbar-default" role="navigation">
  <div class="container-fluid">

<div class="navbar-header">
  <button type="button" class="navbar-toggle" data-toggle="collapse" 
    data-target=".navbar-collapse">           

    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
  </button>
  <h1>Tim Berners-Lee <small>El genio detras del internet</small></h1>
</div>


<div class="collapse navbar-collapse">
   <ul class="nav navbar-nav">
    <li class="active"><a href="#">Home</a></li>
    <li><a href="#">Biografia</a></li>
    <li><a href="#">Contexto Historico</a></li>
    <li><a href="#">Referencias</a></li>
   </ul>
  </div>
 </div>
</nav>

【问题讨论】:

  • 什么按钮?请用“不起作用”定义您的意思。它应该怎么做?
  • 按钮对我“有效”(在较小的屏幕上显示并向下滑动菜单)jsbin.com/gadoq/1
  • 打开
      的按钮应该可以像下拉菜单一样打开,至少它应该这样做
  • 它对我不起作用,我不知道为什么,我无法上传图片来表达我的意思
  • 把图片放到imgur。您的实例的行为是否与我链接到的示例不同?如果是这样,您是否包含指向 Bootstrap JS / CSS 的链接?
  • 标签: javascript html css twitter-bootstrap-3 navbar


    【解决方案1】:

    这是一个使用您的确切 HTML 的工作演示。 http://cdpn.io/DJwdH

    一切看起来都很好,所以接下来要检查的是:

    1 - 您包含 jQuery 并且路径正确
    2 - 包含 jQuery 后,您包含 Bootstrap JS 文件(必须先加载 jQuery)
    3 - 你已经包含了 Bootstrap CSS 文件

    祝你好运!

    【讨论】:

      猜你喜欢
      相关资源
      最近更新 更多
      热门标签