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>
缺少幾行。這是問題的根源嗎?或者我錯過了什麼? 所有幫助非常感謝。
任何幫助,非常感謝! – Kael 2012-07-29 11:11:41