Css 如何将bootstrap configurator与GWTbootstrap3一起使用(即什么是bootstrap.min.cache,它是如何生成的?)

Css 如何将bootstrap configurator与GWTbootstrap3一起使用(即什么是bootstrap.min.cache,它是如何生成的?),css,twitter-bootstrap,gwt,Css,Twitter Bootstrap,Gwt,您可以使用引导配置程序()来配置您自己的引导版本(例如,设置@grid float breakpoint等变量来配置navbar折叠点)。我想在基于gwt的项目中使用此功能 我使用上述方法创建了我的下载配置bootstrap.zip zip包含(如预期的那样): \引导\js \引导\css \引导\字体 正如GWTBootstrap3项目 gwtbootstrap3-0.9.3\org\gwtbootstrap3\client\resource\js gwtbootstrap3-0.9.

您可以使用引导配置程序()来配置您自己的引导版本(例如,设置@grid float breakpoint等变量来配置navbar折叠点)。我想在基于gwt的项目中使用此功能

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

zip包含(如预期的那样):

  • \引导\js
  • \引导\css
  • \引导\字体
正如GWTBootstrap3项目

  • gwtbootstrap3-0.9.3\org\gwtbootstrap3\client\resource\js
  • gwtbootstrap3-0.9.3\org\gwtbootstrap3\client\resource\css
  • gwtbootstrap3-0.9.3\org\gwtbootstrap3\client\resource\font
所以我尝试用生成的引导文件替换css中的引导文件

但后来我发现在GWTBootstrap3项目中有一些名为*.cache.min的文件。 这些文件是如何/何时生成的?这里已经解释了这一点:

很明显,我们希望替换引导文件以保持“缓存”d

您能给我一份关于如何在当前GWTBootstrap3项目中使用bootstrap configurator的分步说明吗,即需要替换哪些文件

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

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

1.)将gwtbootstrap3-0.9.3.jar重命名为gwtbootstrap3-0.9.3.zip

2.)提取物

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

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

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

6.)替换项目中的库

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

非常感谢您的帮助

致意
Hannes

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

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

  • 配置并下载新的引导程序

  • 解压新的引导程序,这将提供子目录css, 字体和js。因此,您将有一些类似于bootstrap/css等的东西

  • 现在将您的“旧”gwtboostrap3.0.9.3 jar复制到基本目录,以便 bootstrap.zip和jar位于同一目录中

  • 从命令行发布jar xf gwtbootstrap3.0.9.3.jar,它将 在您的目录中创建META-INF和org两个目录

  • 进入org\gwtbootstrap3\client\resource\css

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

  • 将文件bootstrap/css/bootstrap.min.css重命名为 bootstrap/css/bootstrap-3.3.6.min.cache.css并替换 org\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并替换 org\gwtbootstrap3\client\resource\css\bootstrap-theme-3.3.6.min.cache.css 带引导\css\bootstrap-theme-3.3.6.min.cache.css

  • 我遗漏了字体目录,因为我的更改没有更改 有字体的吗

  • 将bootstrap\js\bootstrap.min.js重命名为 bootstrap\js\bootstrap-3.3.6.min.cache.js并替换 org\gwtbootstrap3\client\resource\js\bootstrap-3.3.6.min.cache.js 使用bootstrap\js\bootstrap-3.3.6.min.cache.js

  • 在basedirectory(引导目录所在的位置)中,从 命令行:“jarxf gwtbootstrap3.0.9.3.jar META-INF org”。这 应该生成新的gwtbootstrap3.0.9.3.jar库

  • 在您的项目中,将旧的gwtbootstrap3.0.9.3.jar替换为新的 自由党

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

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