Question

我有问题。我正在开发一个使用express -generator生成的应用程序我在我的公共文件夹/ stylesheets中我的css文件（style.css）它被加载到页面中，但这里没有考虑到代码包括：

/views/layout.html

    <!DOCTYPE html>
<html>
<head>
    <title>Demo Express.js</title>
    <meta charset="UTF-8">
    <link href="/stylesheets/bootstrap.min.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="container">
    <header class="navbar navbar-default" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand" href="/">Démo Express.js</a>
            </div>
            <div class="collapse navbar-collapse">
                {% include './include/nav.html' %}
            </div>
        </div>
    </header>

    {% block content %}{% endblock %}
</div>
</body>
</html>

/views/include/nav.html

<nav>
    <ul class="nav navbar-nav">
        <li><a href="/" title="Home">Home</a></li>
        <li><a href="/contact" title="Contact">Contact</a></li>
    </ul>
</nav>

/views/contact.html

{% extends 'layout.html' %}

{% block content %}
<section class="container">
    {% if name %}
    <div class="alert alert-success alert-dismissable">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
        <strong>Well done!</strong> thank you for your <b>{{name}}</b> sends
    </div>
    {% endif %}

    <form role="form" action="/contact" method="post">
        <div class="form-group">
            <label for="email">Email</label>
            <input type="email" name="email" class="form-control" id="email" placeholder="Enter email">
        </div>
        <div class="form-group">
            <label for="name">Name</label>
            <input type="text" name="name" class="form-control" id="name" placeholder="Enter name">
        </div>
        <div class="form-group">
            <label for="msg">Message</label>
            <textarea name="msg" class="form-control" id="msg" rows="3"></textarea>
        </div>
        <button type="submit" class="btn btn-default">Submit</button>
    </form>
</section>
{% endblock %}

和url :: http://vps204433.ovh.net:3000/contact

我遵循本教程：http://webiose.com/2014/04/express-js-le-micro-framework-pour-node-js/#comment-14

一个想法？谢谢

nodejs swig和css被忽略了

0 个答案: