在Grails 3应用程序中引用Bootstrap的最佳方式

时间:2015-05-28 13:50:15

标签: twitter-bootstrap grails grails-3.0

我想把Twitter的Bootstrap引入我的Grails 3应用程序。最好的方法是什么?我既不想将源置于版本控制之下,也不想引用远程CDN。

在我的"org.grails:grails-bootstrap:3.0.1"中添加build.gradle作为编译依赖关系会拉下关联的JAR,但是如何将其连接到我的应用程序中以最终能够从我的视图/ GSP中引用Bootstrap类? / p>

4 个答案:

答案 0 :(得分:7)

Webjars为我工作,我已经在application.js和我的application.css中使用了网络清单链接,但链接并不总是很明确(请参见先行示例)

的application.js:

//= require jquery-2.1.3.js
//= require_tree .
//= require_self
//= require /webjars/bootstrap/3.3.5/js/bootstrap.min
//= require /webjars/bootstrap-tagsinput/0.5/bootstrap-tagsinput
//= require /webjars/typeaheadjs/0.11.1/typeahead.bundle.js

application.css:

/*
*= require main
*= require mobile
*= require_self
*= require /webjars/bootstrap/3.3.5/css/bootstrap-theme
*= require /webjars/bootstrap/3.3.5/css/bootstrap
*= require /webjars/bootstrap-tagsinput/0.5/bootstrap-tagsinput
*/

答案 1 :(得分:2)

我认为Grails 3还没有可用的Bootstrap插件。我认为在项目中包含WebJars Bootstrap然后引用gsp或布局中的文件会更容易。

我没有准备好可行的示例,但请看一下这段代码: https://github.com/canoo/open-dolphin-lazybones-templates/commit/d1a2c3bc4d0852a331f66287314b6348d6e76e14

答案 2 :(得分:0)

您应该使用this plugin,文档会告诉您该做什么。

Javascript grails-app / assets / javascripts / application.js:

public class ManagerUserViewModel
{
    public String UserID { get; set; }
    public String Email { get; set; }
    public String UserName { get; set; }
    public IEnumerable<IdentityUserRole> Roles { get; set; }
}

样式表grails-app / assets / javascripts / application.css:

//= require bootstrap

答案 3 :(得分:0)

我正在使用此插件kensiprell/bootstrap-framework并将以下路径添加到.gitignore中,以便在首次运行时下载资源。

/grails-app/assets/javascripts/bootstrap
/grails-app/assets/javascripts/bootstrap-all.js
/grails-app/assets/stylesheets/font-awesome
/grails-app/assets/stylesheets/bootstrap
/grails-app/assets/stylesheets/font-awesome-less.less
/grails-app/assets/stylesheets/bootstrap-less.less
/grails-app/assets/stylesheets/bootstrap-all.css
/grails-app/assets/stylesheets/font-awesome-all.css