Не удается загрузить bootstrap to nodejs

Я довольно новичок в nodejs и bootstrap, но я давно хотел создать простой персональный сайт, чтобы получить некоторые уроки.Не удается загрузить bootstrap to nodejs

Загрузите bootstrap 2.0.2 и разархивируйте его.

Я установил bootstrap и bootstrap-отзыв к папке 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>**

Тем не менее, кажется, что макет не так же, как и следовало ожидать, может кто-нибудь сказать мне, что это неправильно, так как это основной шаг, и я только что получил stucked и не знаю, как двигаться вперед. Благодаря!

источник

2014-01-17 DQ_happy

Ваш макет и указатель на самом деле не соответствуют языку разметки нефрита.
Я не вижу места, где вы связали jQuery.js и bootstrap.js в layout.jade или index.jade.

Я бы ожидать что-то вроде

!!! 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") 
...

источник

2014-01-17 04:48:12 AlexS

Ну ваш HTML не в синтаксисе Джейд - вставить его сюда и увидеть: http://html2jade.com

Вот некоторые документы: http://jade-lang.com

Если вы только начинаете с экспресс есть доступны в том числе другие шаблоны Hogan, который встроен (хотя он должен быть указан при запуске нового проекта). Hogan больше «html like»

источник

2014-01-17 04:43:07 cyberwombat

Не удается загрузить bootstrap to nodejs

ответ

Смежные вопросы