Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/joomla/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap Twitter引导导航栏在手机/平板电脑上自动扩展_Twitter Bootstrap_Twitter Bootstrap Rails - Fatal编程技术网

Twitter bootstrap Twitter引导导航栏在手机/平板电脑上自动扩展

Twitter bootstrap Twitter引导导航栏在手机/平板电脑上自动扩展,twitter-bootstrap,twitter-bootstrap-rails,Twitter Bootstrap,Twitter Bootstrap Rails,我正在使用Twitter引导。它工作得很好,导航栏也工作得很好。它响应迅速,并进行相应调整,但当您缩小桌面上的屏幕或在移动电话上调出网站时,它一开始就已经占据了一堆屏幕。我想让它以折叠开始,并选择展开 代码如下: <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <!-- .btn-navbar is used as

我正在使用Twitter引导。它工作得很好,导航栏也工作得很好。它响应迅速,并进行相应调整,但当您缩小桌面上的屏幕或在移动电话上调出网站时,它一开始就已经占据了一堆屏幕。我想让它以折叠开始,并选择展开

代码如下:

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

 <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">         
<span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    </a>

    <a class="brand" href="/">My Site</a>
     <div class="nav-collapse collapse">
    <ul class="nav">

      <li <% if @league=='recruiting' %>class="active"<% end %>><%= link_to "Recruiting", :controller => "league", :action=>"index", :league=>"recruiting" %></li>
      <li <% if @league=='college' %>class="active"<% end %>><%= link_to "College", :controller => "league", :action=>"index", :league=>"college" %></li>
      <li <% if @league=='nfl' %>class="active"<% end %>><%= link_to "NFL", :controller => "league", :action=>"index", :league=>"nfl" %></li>

    </ul>


     <ul class="nav pull-right">
        <li><a href="/blog">Blog</a></li>
        <li <% if params[:controller]=='chart' %> class="active"<% end %>><a href="/data/all/hundred">Data</a></li>
        <% if user_signed_in? %>
            <li><%= link_to "My Profile", user_profile_path(:username => current_user.username) %></li><li><%= link_to('Logout', destroy_user_session_path, :method => :delete) %></li>
        <% else %>
            <li><%= link_to "Login", "#login-lightbox", 'data-toggle'=>"modal", 'id'=>'login-link' %></li>
        <% end %>
     </ul>
    </div>
    </div>
  </div>
</div>

    “league”,:action=>“index”,:league=>“recruving”%> “league”,:action=>“index”,:league=>“college”%> “league”,:action=>“index”,:league=>“nfl”%>
  • 当前用户.username)%%>
  • :删除)%%>
  • “模式”,“id”=>“登录链接”%>

无法判断这是不是它,但是您的
容器中添加了
.collapse
类。尝试删除它,看看会发生什么。我可以发布它作为一个答案来关闭线程吗?@Andreslich我想你应该发布它作为一个答案:这个帖子创建已经很久了!