Question

我是帆船和自举船的新手。我需要在现有的sails v0.10项目中集成bootstrap。请告诉我我应该采取的步骤。提前谢谢。

Answer 1

您可以添加以下步骤：

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

在task / pipeline.js中添加jquery dependecies，因为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之前加载。

希望可以帮到你

将Twitter bootstrap与sails js v0.10集成

1 个答案: