Bla*_*ard 5 javascript css node.js express twitter-bootstrap
如何在Node.js和Express上使用Twitter Bootstrap？
我知道我必须将CSS和Javascript文件放在./public目录中（如果将其设置为默认值）。但是当我寻找如何在Node.js和Express上使用Twitter Bootstrap时，我知道使用Twitter Bootstrap有很多变体。
例如，只需将引导CSS和JS文件放在适当的目录中，或指定：
<link rel='stylesheet' href='assets/css/bootstrap-responsive.css'>
<link rel='stylesheet' href='https://d396qusza40orc.cloudfront.net/startup%2Fcode%2Fbootstrap.js'>
等等，并且还有两个来源，normal和.min.cssfile，分别带有CSS和JS。那么，如何在Node.js和Express中提供适当的Bootstrap文件？
这是我当前代码的前几行（是否有必要？），这不适用于响应式设计（当我缩小屏幕以模仿智能手机的尺寸时，它不会垂直堆叠，而是通过每个比例都相同）。
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='utf-8'>
<title><%= title %></title>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<link rel='stylesheet' href='/stylesheets/bootstrap.min.css'>
<link rel='stylesheet' href='assets/css/bootstrap-responsive.css'>
<script src='/javascripts/jquery-2.0.2.min.js'></script>
<style type='text/css'>
/* Large desktop */
@media (min-width: 980px) {
body {
padding-top: 60px;
}
}
/* smartphones */
@media (max-width: 480px) {
body {
padding-top: 30px;
}
}
</style>
</head>
在 public 文件夹中创建一个子文件夹并将其命名为 stylesheets。然后将所有 twiter bootstraper css 文件放入该 stylesheets 文件夹中。然后您可以像下面一样链接该文件。对于 js 文件也遵循相同的操作。
<link rel='stylesheet' href='stylesheets/bootstrap.min.css'>
<link rel='stylesheet' href='stylesheets/bootstrap-responsive.css'>
<script src='javascripts/jquery-2.0.2.min.js'></script>