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>

有了这个视图,我的选项卡就不会变成表格了。昨天它工作正常,现在它堆叠起来了。我检查了其他项目,如果我启动服务器,我会错过一些文件:

这就是我在另一个项目上所做的:

<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_tree的上方。在app/assets/javascripts/application.js.中

学分归蒂姆·K所有,因为:

";bootstrap sass";不会';t使用轨道3.2.2

相关内容

最新更新