Rails引导不会使用列表。（这是Rails-CSS问题）

总的来说，我想我错过了一些基本的东西，但我希望你能帮助我

我有一个网站在开发中。我选择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>

1.
2.
3秒

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

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

<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> 

少了几行。这是问题的根源吗？或者我错过了什么？

---

非常感谢所有帮助。

解决方案很清楚。我忘记添加所需的代码：

//= require bootstrap

致：

就在对//=require_树的调用上方。在app/assets/javascripts/application.js中

由于以下原因，贷记被取消：