{% block content %}{% endblock %}
Node.js 入门笔记(3) - bootstrap
在hellonodejs的下建一个libs目录，将bootstrap的文件放到放到这目录下，在vscode下可以看到这些文件。bootstrap用的3.3.7，jquery用的v3.2.1。
采用bootstrap进行布局的基本目标是在最上方显示一个导航条（主菜单)，在导航条的下方是一个面包屑导航，接着是主区域，最后是脚注（状态栏）停靠在最下方。效果如图所示。
error.html和index.html不需要修改，只要修改layout.html就可以了。
layout.html的head部分，加载需要的css和js文件。为便于修改，直接定义了样式。用了一个swig模板的block，这也是为了方面扩展的文件增加自己的样式。
{% block title %}{% endblock %}
body包括5部分的内容，1）导航条，2）面包屑导航，3）main部分，4）footer，5）javascript。
1）导航条，用bootstrap的示例代码，稍加改动就可用了。
{% extends 'layout.html' %}
{% block title %}index {{ title }} {%endblock%}
{% block cssdefine %}
.textCetent {
text-align: center;
}
.divForm {
background: rgba(255, 255, 255, 0.2);
width: 400px;
margin: 100px auto;
}
#loginForm {
display: block;
}
{% endblock %}
{% block content %}
{% endblock %}在index.js中增加一条路由
router.get('/login', function(req, res, next) {
res.render('login', {
title: 'login'
});
});
基于express、swig和bootstrap的页面开发模式就基本建立起来了。