twitter-bootstrap - 将 Twitter Bootstrap 与 sails js v0.10 集成

Question

我是 sails 和 bootstrap 的新手。我需要将 Bootstrap 集成到现有的 sails v0.10 项目中。请告诉我应该采取的步骤。提前致谢。

Answer 1

你可以，按照下面的步骤添加:

• 将bootstrap css库放到文件夹assets/style/bootstrap
• 将 bootstrap javascript 库放到文件夹 assets/js/bootstrap
• 将jquery放到文件夹assets/js/dependencies/

在 task/pipeline.js 中添加 jquery 依赖项，因为 bootstrap 需要 jquery.js 如下代码:

// Client-side javascript files to inject in order
// (uses Grunt-style wildcard/glob/splat expressions)
var jsFilesToInject = [

  // Load sails.io before everything else
  'js/dependencies/sails.io.js',
  // load jquery before bootstrap
  'js/dependencies/jquery-1.10.2.min.js',

  // Dependencies like jQuery, or Angular are brought in here
  'js/dependencies/**/*.js',

  // All of the rest of your client-side js files
  // will be injected here in no particular order.
  'js/**/*.js'
];

然后当您使用命令 sails lift 运行 sails 时，自动运行 grunt 任务并使您的依赖项配置像这样在您的布局中实现

<script src="/js/dependencies/sails.io.js"></script>
<script src="/js/dependencies/jquery-1.10.2.min.js"></script>
<script src="/js/bootstrap/bootstrap.min.js"></script>

Jquery 将在 bootstrap 之前加载。

希望能帮到你