如何将引导配置程序与GWTbootstrap3一起使用(即什么是bootstrap.min.cache,它是如何生成的?



您可以使用引导配置程序(http://getbootstrap.com/customize/)配置您自己的引导程序版本(例如,设置@grid float断点等变量来配置导航栏折叠点)。我想在我的项目中使用这个功能,它是基于gwt使用https://github.com/gwtbootstrap3/gwtbootstrap3based.

我使用上面的方法创建了我的下载配置bootstrap.zip。

zip包含(如预期):

  • \bootstrap\js
  • \引导程序\css
  • \引导程序\字体

就像GWTBootstrap3项目

  • gwtbootstrap3.0.3\org\gwtbootstrap3\client\resource\js
  • gwtbootstrap3-0.9.3\org\gwtbootstrap3\client\resource\css
  • gwtbootstrap3-0.9.3\org\gwtbootstrap3\client\resource\fonts

所以我试图用生成的引导文件替换css中的引导文件。

但后来我意识到,在GWTBootstrap3项目中,有一些名为*.cache.min的文件。这些文件是如何/何时生成的?这里已经解释过了:GWT缓存概念

因此,很明显,我们希望替换引导文件以保持"缓存"d。

你能给我一个关于如何使用引导配置程序以及当前GWTBootstrap3项目的分步描述吗,即需要替换哪些文件?

我已经尝试过的(没有成功):

0)使用在线配置程序创建bootstrap.zip并下载它

1.)将gwtbootstrap3.0.3.jar重命名为gwtbootstrap3.0.3.zip

2.)提取

3.)将bootstrap--3.3.6.min.cache.css替换为bootstrap.min.css(来自配置程序),替换意味着bootstrap.mini.css重命名为bootstrap-3.6.min.cache.css

4.)将bootstrap.zip中的所有文件放入相应的目录中,并按照3中的说明进行相应的重命名。)以有效地替换原始文件

5.)压缩并再次将其重命名为gwtbootstrap3.0.3.jar

6.)替换我的项目中的lib

但在这样做之后,我不断地得到编译器错误:找不到包org.gwtbootstrap3.client.ui。

任何帮助都非常感谢

致以最良好的问候Hannes

我可以提供一个答案,该答案应该适用于大多数配置更改。首先,我必须了解到,将gwtbootstrap3.0.3.jar重命名为gwtbootstrap3.0.3.zip,然后解压缩、重新压缩并重命名为jar是行不通的!!!

因此,这里有一个关于如何配置引导程序并将其与gwtbootstrap3.0.9.3一起使用的分步教程。我不确定这是否适用于未来的版本,但它应该适用于bootstrap3。

  • 配置并下载新的引导程序https://github.com/gwtbootstrap3/gwtbootstrap3based.

  • 解压缩你的新引导程序,这将提供子目录css,字体和js。所以你会有一些像bootstrap/css等

  • 现在将您的"旧"gwtboostrap3.0.9.3 jar复制到基本目录中bootstrap.zip和jar位于同一目录中。

  • 从命令行发出jar xf gwtbootstrap 3.0.9.3.jar,它将在目录中创建META-INF和org两个目录

  • 移动到org\gwtbootstrap3\client\resource\css

  • 复制FILENAME(而不是文件!!)。在我的gwtbootstrap版本中文件名为"bootstrap--3.3.6.min.cache.css".

  • 将文件bootstrap/css/bootstrap.min.css重命名为bootstrap/css/bootstrap--3.3.6.min.cache.css和REPLACEorg\gwtbootstrap3\client\resource\css\bootstrap--3.3.6.min.cache.css带有bootstrap/css/bootstrap--3.3.6.min.cache.css

  • 将文件bootstrap\css\boostrap-theme.min.css重命名为boostrap\css\bootstrap-theme-3.3.6.min.cache.css和REPLACEorg\gwtbootstrap3\client\resource\css\bootstrap-theme-3.3.6.min.cache.css带有bootstrap\css\bootstrap-theme-3.3.6.min.cache.css

  • 我遗漏了字体目录,因为我的更改没有更改任何带有字体的东西

  • 将bootstrap\js\bootstrap.min.js重命名为bootstrap\js\bootstrap--3.3.6.min.cache.js和REPLACEorg\gwtbootstrap3\client\resource\js\bootstrap--3.3.6.min.cache.js带有bootstrap\js\bootstrap--3.3.6.min.cache.js

  • 在basedirectory(引导程序目录所在的位置)中,问题来自命令行:"jar xf gwtbootstrap 3.0.9.3.jar META-INF org"。这应该生成您的新gwtbootstrap 3.0.9.3.jar lib

  • 在您的项目中,将旧的gwtbootstrap3.0.3.jar替换为新的lib。

如果你遇到很多java错误,告诉你它找不到你混淆了路径的类。请告诉我这是否对你有用。也许有人可以提供一个shell脚本来自动化整个过程。

一个提示:自定义引导程序可以为您提供更多的控制,例如处理导航条未失效的点(在配置页面上查找名为"@grid float断点"的键)。别忘了输入一个适合你的值(我的值是800px)。别忘了在末尾添加px!!

相关内容

最新更新