0

一如既往，我想我错过了一些基本的东西，但我希望你能提供帮助。

我有一个网站正在开发中。我选择 bootstrap 作为一个基本的 CSS 框架。我试图在视图上建立一个选项卡。

<div class="text_area">
  <ul class="nav nav-tabs">
    <li><a href="#tarot" data-toggle="tab">Tarot Jóslás</a></li>
    <li><a href="#iching" data-toggle="tab">I Ching Jóslás</a></li>
    <li><a href="#igennem" data-toggle="tab">Igen Nem Jóslás</a></li>
  </ul>

  <div class="tab-pane fade active in" id="tarot">1
  </div>

  <div class="tab-pane fade" id="iching">2
  </div>    

  <div class="tab-pane fade" id="igennem">3s
  </div>
</div>

有了这个视图，我的标签不会列表。昨天它工作正常，现在它堆叠起来了。我检查了其他项目，如果我启动服务器，我会错过一些文件：

这是我在另一个项目中所拥有的：

<link href="/assets/application.css?body=1" media="all" rel="stylesheet" type="text/css" /> 
<link href="/assets/custom.css?body=1" media="all" rel="stylesheet" type="text/css" /> 
<link href="/assets/sessions.css?body=1" media="all" rel="stylesheet" type="text/css" /> 
<link href="/assets/static_pages.css?body=1" media="all" rel="stylesheet" type="text/css" /> 
<link href="/assets/users.css?body=1" media="all" rel="stylesheet" type="text/css" /> 
<script src="/assets/jquery.js?body=1" type="text/javascript"></script> 
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap-transition.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap-alert.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap-button.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap-carousel.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap-collapse.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap-dropdown.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap-modal.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap-scrollspy.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap-tab.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap-tooltip.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap-popover.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap-typeahead.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap.js?body=1" type="text/javascript"></script> 
<script src="/assets/sessions.js?body=1" type="text/javascript"></script> 
<script src="/assets/static_pages.js?body=1" type="text/javascript"></script> 
<script src="/assets/users.js?body=1" type="text/javascript"></script> 
<script src="/assets/application.js?body=1" type="text/javascript"></script>

这就是我现在所拥有的：

 <link href="/assets/application.css?body=1" media="all" rel="stylesheet" type="text/css" /> 
<link href="/assets/custom.css?body=1" media="all" rel="stylesheet" type="text/css" /> 
<link href="/assets/static_pages.css?body=1" media="all" rel="stylesheet" type="text/css" /> 
    <script src="/assets/jquery.js?body=1" type="text/javascript"></script> 
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script> 
<script src="/assets/static_pages.js?body=1" type="text/javascript"></script> 
<script src="/assets/application.js?body=1" type="text/javascript"></script>

少了几行。这是问题的根源吗？或者我想念什么？非常感谢所有帮助。

4

1 回答 1

0

溶液是澄清的。我忘记添加所需的代码：

//= require bootstrap

至：

就在对 //= require_tree 的调用之上。在 app/assets/javascripts/application.js 中。

归功于Tim K.因为：

“bootstrap-sass”不适用于 rails 3.2.2

于 2012-07-30T08:49:33.823 回答