2012-07-27 29 views
0

作爲總之,我想我錯過了一些基本的東西,但我希望你能幫上忙。Rails Bootstrap不會使用製表。 (這是一個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> 

有了這個視圖,我的選項卡不會製表。昨天它正常工作,現在它堆疊起來。 我已經檢查了其他項目,如果我啓動服務器我想念我的一些文件:

這是我對其他項目:

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

缺少幾行。這是問題的根源嗎?或者我錯過了什麼? 所有幫助非常感謝。

+0

任何幫助,非常感謝! – Kael 2012-07-29 11:11:41

回答