html - 如何让设计师的静态网页在 rails 4 中运行

标签 html css ruby-on-rails twitter-bootstrap ruby-on-rails-4

我有一个静态网页,我想将其添加到我的 Rails 应用程序中。问题是我不知道如何让 css 和 js 导入正常工作。

当我将 html 直接加载到浏览器中时,它工作得很好,但是当我在服务器上运行它时,它缺少一些组件。

我想知道放在哪里以及如何引用js和css资源。我还想知道在此代码中我需要哪些辅助方法:

<!DOCTYPE html>
<!--[if IE 8]><html class="ie ie8" lang="en-US"><![endif]-->
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Login |  eatbooking.com</title>
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0, width=device-width;"/>
        <meta name="format-detection" content="telephone=no">
        <meta name="description" content="">
        <link rel="shortcut icon" href="favicon.ico"/>
        <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700' rel='stylesheet' type='text/css'>
        <link href="css/bootstrap.css" rel="stylesheet">
        <link href="css/import.css" rel="stylesheet">
        <!--[if lt IE 9]>
        <script src="js/html5shiv.js"></script>
        <script src="js/respond.min.js"></script>
        <![endif]-->
    </head>

    <body>
        <section class="content">
          <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="popup-outer-container client-form login">
                        <div class="popup-header">
                            <a href="#"><img src="images/logo.png" alt="Logo"></a>
                        </div>
                        <div class="popup-content">
                            <div class="popup-content-top">
                                <div class="alert-message">
                                    <p>Validation error.</p>
                                </div>
                                <div class="input-box">
                                                            <input type="text" placeholder="EMAIL">
                                                     </div> 
                                                     <div class="input-box">
                                                            <input type="text" placeholder="CONTRASEÑA">
                                                     </div> 
                                                      <div class="check-box">
                                                            <input tabindex="1" type="checkbox" id="input-1">
                                                            <label for="input-1">Remember me</label>
                                                        </div>
                                                        <div class="forgot-password">
                                                            <a href="#">¿Recordar contraseña?</a>
                                                        </div>
                                                     <div class="order-row">
                                                        <div class="save-button">
                                                            <input type="submit" value="Entrar">
                                                        </div>
                                                    </div>  
                            </div>
                        </div>
                        <div class="popup-content-bottom">
                            <span>¿Todavía no tiene cuenta?.</span>
                                            <a href="#">Alta gratis.</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </section>

        <!--javascript start -->
        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.js"></script>
        <script src="js/icheck.js"></script>
        <script src="js/jquery.bpopup.min.js"></script>
        <script src="js/selectbox.min.js"></script>
        <script src="js/main.js"></script>

    </body>
</html>

最佳答案

如果您想要快速修复,则必须将您的文件和目录粘贴到公用文件夹中。否则,您也可以将它们保存在应用程序/ Assets 中。

关于html - 如何让设计师的静态网页在 rails 4 中运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26059981/

相关文章:

javascript - 在 Javascript 中调用嵌套的 div 类。修改后的代码在 WordPress 中不起作用

javascript - Angularjs 路由不会将 login.html 加载到 main.html 中?

javascript - 使用 Javascript 将图像上传到 Azure Blob 存储

ruby-on-rails - Rspec2测试before_validation方法

ruby-on-rails - 从 GitHub 运行 Ruby on Rails 应用程序

ruby-on-rails - 如何强制 Puma 在 Rails 上以单模式启动?

javascript - 如何在 html 中创建一个矩阵然后将其解析为 javascript?

css - 如何居中固定位置、动态宽度的 div [包括图表]?

html - 为什么 <fieldset> 的清除 float ?

css - 如何在 div 中创建固定大小的文本框?附上图片