在节点视图中使用引导功能

时间:2014-12-02 16:52:30

标签: javascript css node.js twitter-bootstrap pug

我正在研究基于Node.js的新项目,并且对于使用Jade的视图,我已经添加到公共文件夹(使用express)bootstrap.min.cssmy问题是我应该如何添加bootsrtap jumbotron布局到玉页。

我尝试跟随但没有任何反应,我想在屏幕的上方添加工具栏 与帮助等

这是布局

doctype html
html
    head
        title= title
        link(rel="stylesheet", href="bootstrap.min.css")
    body
        div.container
            block content

这是另一个页面

extends layout

block content

h1= title
ul
    each flight, index in flights
        - flight = flight.getInformation()
        li= flight.number + ': ' + flight.origin + '-' + flight.destination

更新

我在一些例子中看到我应该使用类似的东西,但我应该把它放在Jumbotron上 http://getbootstrap.com/examples/jumbotron/

html
  head
    title= title
    link(rel='stylesheet', href='/bootstrap/css/bootstrap.min.css')
    link(rel='stylesheet', href='/bootstrap/css/bootstrap-responsive.min.css')
    link(rel='stylesheet', href='/stylesheets/style.css')
    script(src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js')
    script(src='/bootstrap/js/bootstrap.min.js')
  body
    block content

0 个答案:

没有答案