模态不显示

时间:2015-12-20 02:17:40

标签: css twitter-bootstrap

我是新来的bootstrap我的导航栏出现问题我不想在手机上首次打开页面时显示折叠的标题有没有办法做到这一点?我试过在网上搜索并没有运气。

我的代码是:

<!-- Menu -->
<div class="navbar navbar-default navbar-fixed-top navbar-inverse">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a href="Index.html" class="navbar-brand">The CO-OP Couch</a>
    </div>
    <div class="collpase navbar-collapse" id="example">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="Podcast.html">PodCasts</a></li>
        <li><a href="">Facebook</a></li>
        <li><a href="">Community</a></li>
        <li><a href="#contact" data-toggle="modal">Contact</a></li>
      </ul>
    </div>
  </div>
</div>

1 个答案:

答案 0 :(得分:0)

你的班级“崩溃”中的拼写错误一切都很好。

  <div class="navbar navbar-default navbar-fixed-top navbar-inverse">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="Index.html" class="navbar-brand">The CO-OP Couch</a>
            </div>
            <div class="collapse navbar-collapse" id="example">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="Podcast.html">PodCasts</a></li>
                    <li><a href="">Facebook</a></li>
                    <li><a href="">Community</a></li>
                    <li><a href="#contact" data-toggle="modal">Contact</a></li>
                </ul>
            </div>
        </div>
    </div>