rails4中的Bootswatch下拉列表不起作用

我正在製作一個使用rails 4的web應用程序，並選擇了bootswatch。rails4中的Bootswatch下拉列表不起作用

我從bootswatch（引導程序3）下拉時遇到了麻煩。

當我點擊時它不想顯示。

這裏是HTML：

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset='utf-8'> 
    <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'> 
    <title>IKStudio</title> 
    <link data-turbolinks-track="true" href="/assets/application.css?body=1" media="all" rel="stylesheet" /> 
    <link data-turbolinks-track="true" href="/assets/bootstrap_and_overrides.css?body=1" media="all" rel="stylesheet" /> 
    <link data-turbolinks-track="true" href="/assets/exhibits.css?body=1" media="all" rel="stylesheet" /> 
    <link data-turbolinks-track="true" href="/assets/static.css?body=1" media="all" rel="stylesheet" /> 
    <script data-turbolinks-track="true" src="/assets/jquery.js?body=1"></script> 
    <script data-turbolinks-track="true" src="/assets/jquery_ujs.js?body=1"></script> 
    <script data-turbolinks-track="true" src="/assets/jquery.turbolinks.js?body=1"></script> 
    <script data-turbolinks-track="true" src="/assets/turbolinks.js?body=1"></script> 
    <script data-turbolinks-track="true" src="/assets/exhibits.js?body=1"></script> 
    <script data-turbolinks-track="true" src="/assets/jquery.roundabout.min.js?body=1"></script> 
    <script data-turbolinks-track="true" src="/assets/static.js?body=1"></script> 
    <script data-turbolinks-track="true" src="/assets/application.js?body=1"></script> 
    <meta content="authenticity_token" name="csrf-param" /> 
    <meta content="DZN3XrjOOv0yfuqzEZ9b8M5r7gWkkQmY1Z+VtW5Z5VY=" name="csrf-token" /> 

    </head> 
    <body> 
    <div class='navbar navbar-default navbar-fixed-top'> 
     <div class='container'> 
     <div class='navbar-header'> 
      <a class="navbar-brand" href="/">TEST</a> 
     </div> 
     <div class='navbar-collapse collapse' id='navbar-main'> 
      <ul class='nav navbar-nav navbar-right'> 
      <li><a href="/test">TEST</a></li> 
      <li class='dropdown'> 
       <a class='dropdown-toggle' data-toggle='dropdown' href='#'> 
       KOLEKCIJE 
       <b class='caret'></b> 
       </a> 
       <ul class='dropdown-menu'> 
       <li><a href="/">muski</a></li> 
       </ul> 
      </li> 
      </ul> 
     </div> 
     </div> 
    </div> 
    <div class='container' id='main'> 
     <div class='row'> 
     <div class='col-md-2'></div> 
     <div class='col-md-8'> 
     </div> 
     <div class='col-md-2'></div> 
     </div> 
    </div> 
    </body> 
</html>

能否請您幫助..

來源

2013-10-07 Azaryan

我已經找到了解決辦法。

因爲我複製bootswatch CSS代碼bootstrap_and_overrides.css.scss我沒有刪除需要引導，所以我不會有2個白手起家，但似乎bootswatch代碼只revrites一些事情，我需要的主引導程序包括在內。

對不起，這個愚蠢的事情打擾你。

來源

2013-10-08 20:04:40 Azaryan

您正在加載你的資產的兩倍。您應該只在頭文件中包含application.js和application.css，並且每個樹的指令都會自動加載資產路徑中的所有其他文件。這裏我使用了gems中的bootstrap和jQuery。

的application.js

//= require jquery 
//= require jquery.turbolinks 
//= require jquery_ujs 
//= require jquery.ui.all 
//= require bootstrap 
//= require_tree . 
//= require turbolinks

application.css

* 
*= require_self 
*= require jquery.ui.all 
*= require_tree . 
*/

來源

2013-10-08 11:19:45 markhorrocks

不，這是我發佈的HTML生成的，我只寫了2行，但在哈姆。 '= stylesheet_link_tag「application」，media：「all」，「data-turbolinks-track」=> true' '= javascript_include_tag「application」，「data-turbolinks-track」=> true' – Azaryan

rails4中的Bootswatch下拉列表不起作用

回答

相關問題