bootstrapのテンプレートをerb内にそのまま取り込む #Rails

bootstrapのテンプレートのフォルダの中身は
・css
・fonts
・img
・js
・index.html
のようになっていることが多い。index.htmlをそのままapplicatin.html.erbにそのまま取り込むと

qiita.rb

<!DOCTYPE html>
<!--[if lt IE 7]>      <html lang="en" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html lang="en" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html lang="en" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
    <head>
        <!-- meta charec set -->
        <meta charset="utf-8">
        <!-- Always force latest IE rendering engine or request Chrome Frame -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <!-- Page Title -->
        <title>Themefisher.Free Bootstrap3 based HTML5 Templates</title>
        <!-- Meta Description -->
        <meta name="description" content="Blue One Page Creative HTML5 Template">
        <meta name="keywords" content="one page, single page, onepage, responsive, parallax, creative, business, html5, css3, css3 animation">
        <meta name="author" content="Muhammad Morshed">
        <!-- Mobile Specific Meta -->
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- Google Font -->

        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>

        <!-- CSS
        ================================================== -->
        <!-- Fontawesome Icon font -->
        <link rel="stylesheet" href="css/font-awesome.min.css">
        <!-- Twitter Bootstrap css -->
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <!-- jquery.fancybox  -->
        <link rel="stylesheet" href="css/jquery.fancybox.css">
        <!-- animate -->
        <link rel="stylesheet" href="css/animate.css">
        <!-- Main Stylesheet -->
        <link rel="stylesheet" href="css/main.css">
        <!-- media-queries -->
        <link rel="stylesheet" href="css/media-queries.css">

        <!-- Modernizer Script for old Browsers -->
        <script src="js/modernizr-2.6.2.min.js"></script>

こんな感じになっているが、このままでは読み込まれない。
（*どれが読み込まれていないの確認するには、該当ページより、「検証⇨network」より、404エラーが出ていないかを確認する）

まず、bootstrapのテンプレートのフォルダにあるcss,fontsはstylsheets以下に移動（app/assets/stylsheets/css）
jsはjavascripts以下に移動。（app/assets/javascripts/css）

そしてhead内の参照を以下のように変更。

詳しくここ

例えば、

qiita.rb

<link rel="stylesheet" href="css/media-queries.css">ではなく、
<link rel="stylesheet" href="/assets/css/media-queries.css">へ。

qiita.rb


<script src="js/jquery-1.11.1.min.js"></script>ではなく、
<script src="/assets/js/jquery-1.11.1.min.js"></script>へ