0

我正在使用 rails 4 制作一个网络应用程序，并且我选择了 bootswatch。

我在 bootswatch （bootstrap 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>

你能帮忙吗..

4

2 回答 2

1

您正在加载您的资产两次。您的标头中应该只包含 application.js 和 application.css，并且每个中的树指令将自动加载资产路径中的所有其他文件。在这里，我使用 gems 中的 bootstrap 和 jQuery。

应用程序.js

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

应用程序.css

*
*= require_self
*= require jquery.ui.all
*= require_tree .
*/
于 2013-10-08T11:19:45.337 回答
0

我找到了解决方案。

由于我将 bootswatch css 代码复制到 bootstrap_and_overrides.css.scss 我没有删除 require bootstrap，所以我不会有 2 个 bootstrap，但似乎 bootswatch 代码只重写了一些东西，我需要包含主要的 bootstrap。

很抱歉用这个愚蠢的事情打扰你。

于 2013-10-08T20:04:40.917 回答