Twitter bootstrap 在Grails中使用Bootstrap4

我正在使用Grails为大学的CSE课程进行一个web项目。我注意到很多其他的团队都在使用Bootstrap4进行web设计（我是唯一一个使用Grails的团队）。我查看了Bootstrap4，我真的很喜欢它的外观。就我个人而言，我不喜欢Grails在标准HTML中的外观。我想知道是否有一种方法可以将Bootstrap4与Grails一起使用。例如，在标准HTML中，我可以有一个按钮和表单，将数据提交给控制器并执行一些操作，但Grails的工作方式似乎不同

---

有人知道我是否可以将Bootstrap 4与Grails集成，如果可以，我如何集成吗？

Bootstrap与Grails无关。只需在GSP中包含依赖项并使用引导类，就像在普通HTML页面中一样。您可以使用

标记发布到Grails控制器

在新创建的应用程序中，您将看到在

grails-app/assets/stylesheets/

下有许多

.css

文件，包括

bootstrap.css

和

grails-app/assets/javascripts/

下，您将找到

bootstrap.js

。默认情况下，我们会将它们放在那里，很多人都会使用它们，但您不必这样做。把你喜欢的任何资产放到这些文件夹中，然后你就可以使用它们了。您可能需要编辑

grails-app/assets/javascripts/application.js

和

grails-app/assets/stylesheets/application.css

来引入您添加到项目中的任何资产，您可以使用

require

指令来实现这一点。有关示例，请参见这些文件的内容

我希望这能有所帮助。

步骤：

• 下载

  bootstrap-4.X.X.zip

• 解压缩.zip存档并打开

  dist

  目录
• 在Grails3应用程序中，将

  Grails应用程序/assets/stylesheets/boostrap.css

  替换为

  dist/css/bootstrap.css

• 删除

  grails-app/assets/javascripts/bootstrap.js

• 将

  dist/js/bootstrap.bundle.js

  复制到

  grails app/assets/javascripts

  目录中
• 在

  grailsapp/assets/javascripts

替换：

/=require bootstrap

与：

/=require bootstrap.bundle

可选：

---

升级jQuery依赖项。默认情况下随Grails一起提供的jQuery的2.2.0版本非常旧。Bootstrap 4应该适用于所有3.X版本的jQuery。

“您可以使用标记发布到Grails控制器。”-您指的是哪个标记？

-不知怎的，我的答案中没有提到这些标记。答案已更新。谢谢。对于jeff的回答，我只想补充一下，要安装客户端依赖项，您应该使用以下步骤。使用了Bootstrap 4.1.0和jQuery 3.1.1。导航菜单不适用于大屏幕。它仅渲染为移动设备。使用最新版本（2018年4月23日）Grails 3.3.5。显然，Grails创建的html仍然与Bootstrap3相同；将main.gsp和index.gsp中的所有navabar html标记替换为有效的Bootstrap4 navbar标记（与Grails中仍然存在的Bootstrap3 navbar标记非常不同）后，它成功了。它也适用于生成的域类和控制器。一个将不得不做一些css样式的导航栏，但这是一个次要的。