将 Twitter bootstrap 与sails js v0.10 集成

Question

我是新来的风帆和引导程序。我需要将引导程序集成到现有的sails v0.10 项目中。请告诉我我应该采取的步骤。提前致谢。

Answer 1

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

• 将引导 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 之前加载。

希望能帮到你