2015-02-24 78 views
-1

我使用一个主题我包上发现的引导创建一个管理员破折号我的引导主题:Theme LinkCSS文件杀死Rails的

我装中的index.html,bootstrap.css,以及所有相关的图片,字体和js。在我运行它之后,它看起来应该没有问题。

但是,一旦我添加了主题.css文件它会在我身上空白,只显示在页面的最下方无功能设置下拉。

我想分享照片,但我是新来堆栈溢出,并没有足够的代表。在构建

事实: 使用CLOUD9 IDE 的Rails 4.0 + Ruby2.1 引导3.3.2

当我打开Dreamweaver中的index.html或在Chrome中打开它,它工作得很好

<!DOCTYPE html> 
<html lang="en"> 

<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>Dashboard | Nifty - Responsive admin template.</title> 


    <!--STYLESHEET--> 
    <!--=================================================--> 

    <!--Open Sans Font [ OPTIONAL ] --> 
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin" rel="stylesheet"> 


    <!--Bootstrap Stylesheet [ REQUIRED ]--> 
    <link href="bootstrap.css" rel="stylesheet"> 


    <!--Nifty Stylesheet [ REQUIRED ]--> 
    <link href="nifty.css" rel="stylesheet"> 


    <!--Font Awesome [ OPTIONAL ]--> 
    <link href="plugins/font-awesome/css/font-awesome.css" rel="stylesheet"> 


    <!--Animate.css [ OPTIONAL ]--> 
    <link href="plugins/animate-css/animate.min.css" rel="stylesheet"> 


    <!--Morris.js [ OPTIONAL ]--> 
    <link href="plugins/morris-js/morris.min.css" rel="stylesheet"> 


    <!--Switchery [ OPTIONAL ]--> 
    <link href="plugins/switchery/switchery.min.css" rel="stylesheet"> 


    <!--Bootstrap Select [ OPTIONAL ]--> 
    <link href="plugins/bootstrap-select/bootstrap-select.min.css" rel="stylesheet"> 


    <!--Demo script [ DEMONSTRATION ]--> 
    <link href="css/demo/nifty-demo.css" rel="stylesheet"> 




    <!--SCRIPT--> 
    <!--=================================================--> 

    <!--Page Load Progress Bar [ OPTIONAL ]--> 
    <link href="plugins/pace/pace.min.css" rel="stylesheet"> 
    <script src="plugins/pace/pace.min.js"></script> 

[编辑]我也试过

<style type="text/css" media="screen"> 

然后在index.html中添加内联的css。一秒钟后,它看起来好像会花费那么它会用设置下拉列表弹出相同的空白页面。

+0

你尝试加载引导文件最后? – AngularLover 2015-02-24 15:40:01

+0

我只是试过,没有改变。 – ds22 2015-02-24 15:53:31

+0

这些资产位置是否有效?只要不使用Rails的资产管道,你知道你在做什么吗? – Substantial 2015-02-24 17:20:34

回答

0

加载你bootstrap.css文件,该文件是搞乱它的.css文件如下:

<link href="PATH/TO/BOOTSRAP" rel="stylesheet"> 
<link href="PATH/TO/STYLESHEET" rel="stylesheet"> `These styles will overwrite others` 
+0

我改变了顺序,它仍然是同样的问题。 – ds22 2015-02-24 15:54:54

+0

@ ds22是您的'themes.css'下的任何其他.css文件?如果这样放在它们上面。 – 2015-02-24 17:14:50