Javascript 无法将引导加载到nodejs_Javascript_Css_Node.js_Twitter Bootstrap

Javascript 无法将引导加载到nodejs

javascript css node.js twitter-bootstrap

Javascript 无法将引导加载到nodejs,javascript,css,node.js,twitter-bootstrap,Javascript,Css,Node.js,Twitter Bootstrap,我对nodejs和bootstrap很陌生，但我很想建立一个简单的个人网站，所以我得到了一些教程我下载bootstrap 2.0.2并解压缩它我将bootstrap和bootstrap responsive放在我的项目的stylesheets文件夹中，并将bootstrap.js和jquery.js放在我的项目的javascripts文件夹中。我按照说明更改index.jade和layout.jade，如下所示： **layout jade:** $<!DOCTYPE html PUB

我对nodejs和bootstrap很陌生，但我很想建立一个简单的个人网站，所以我得到了一些教程

我下载bootstrap 2.0.2并解压缩它

我将bootstrap和bootstrap responsive放在我的项目的stylesheets文件夹中，并将bootstrap.js和jquery.js放在我的项目的javascripts文件夹中。我按照说明更改index.jade和layout.jade，如下所示：

**layout jade:**
$<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
 <head>
  <title><%= title %> - Microblog</title>
  <link rel='stylesheet' href='/stylesheets/bootstrap.css' />
  <style type="text/css">
   body {
    padding-top: 60px;
    padding-bottom: 40px;
   }
  </style>
  <link href="stylesheets/bootstrap-responsive.css" rel="stylesheet">
 </head>
</html>$


    **index.jade
   <div class="hero-unit">
   <h1>欢迎来到 Microblog</h1>
   <p>Microblog 是一个基于 Node.js 的微博系统。</p>
   <p>
   <a class="btn btn-primary btn-large" href="/login">登录</a>
   <a class="btn btn-large" href="/reg">立即注册</a>
   </p>
   </div>
   <div class="row">
   <div class="span4"> 
   <h2>Carbo 说</h2>
   <p>东风破早梅 向暖一枝开 冰雪无人见 春从天上来</p>
   </div>
   <div class="span4">
   <h2>BYVoid 说</h2>
   <p>
   Open Chinese Convert（OpenCC）是一个开源的中文简繁转换项目，
   致力于制作高质量的基于统计预料的简繁转换词库。
   还提供函数库(libopencc)、命令行简繁转换工具、人工校对工具、词典生成程序、 
   在线转换服务及图形用户界面。</p>
   </div>
   <div class="span4">
   <h2>佛振 说</h2>
   <p>中州韵输入法引擎 / Rime Input Method Engine 取意历史上通行的中州韵，
   愿写就一部汇集音韵学智慧的输入法经典之作。
   项目网站设在 http://code.google.com/p/rimeime/
   创造应用价值是一方面，更要坚持对好技术的追求，希望能写出灵动而易于扩展的代码，
   使其成为一款个性十足的开源输入法。</p>
   </div>
   </div>**

**布局：**
$
-微博
身体{
填充顶部：60px；
填充底部：40px；
}
$
**翡翠索引
欢迎来到 微博
微博是一个基于 Node.js的微博系统。


卡波说
东风破早梅 向暖一枝开 冰雪无人见 春从天上来
旁白说

开放式中文转换（OpenCC）是一个开源的中文简繁转换项目，
致力于制作高质量的基于统计预料的简繁转换词库。
还提供函数库（libopencc）命令行简繁转换工具、人工校对工具、词典生成程序、 
在线转换服务及图形用户界面。
佛振 说
中州韵输入法引擎 / 输入法引擎取意历史上通行的中州韵，
愿写就一部汇集音韵学智慧的输入法经典之作。
项目网站设在 http://code.google.com/p/rimeime/
创造应用价值是一方面，更要坚持对好技术的追求，希望能写出灵动而易于扩展的代码，
使其成为一款个性十足的开源输入法。
**

然而，似乎布局并不像预期的那样，谁能告诉我哪里出了问题，因为这是基本的步骤，我只是被绊住了，不知道如何前进。谢谢

您的html不符合Jade语法-请将其粘贴到此处，然后查看：

以下是一些文档：

如果您刚刚开始使用Express，还有其他可用的模板，包括内置的Hogan（尽管在初始化新项目时必须指定）。Hogan更像“html”

您的布局和索引实际上似乎不符合Jade标记语言

我在layout.jade或index.jade中没有看到任何链接jQuery.js和bootstrap.js的地方

我期待着像这样的事情

!!! 5
html
  head
    title #{meta.title} - #{meta.author}
    link(rel="stylesheet", href="/twitter/bootstrap.css")

    script(type="text/javascript", src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js")    
    script(type="text/javascript", src="/scripts/bootstrap.min.js")
...