css - 如何将 Bootstrap 配置器与 GWTbootstrap3 一起使用(即什么是 bootstrap.min.cache，它是如何生成的？)

Question

您可以使用 Bootstrap 配置器 (http://getbootstrap.com/customize/) 来配置您自己的 Bootstrap 版本(例如，设置像@grid-float-breakpoint 这样的变量来配置导航栏折叠点)。我想在我的元素中使用此功能，该元素基于 gwt 使用 https://github.com/gwtbootstrap3/gwtbootstrap3based .

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

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

• \Bootstrap\js
• \Bootstrap\css
• \bootstrap\fonts

就像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\fonts

所以我尝试用生成的 Bootstrap 文件替换 css 中的 Bootstrap 文件。

但后来我意识到在 GWTBootstrap3 元素中有名为 *.cache.min 的文件。 这些文件是如何/何时生成的？这已经在这里解释:GWT Caching Concept

很明显，我们想要替换 Bootstrap 文件以保持“缓存”状态。

能否将 Bootstrap 配置器与当前 GWTBootstrap3 元素一起使用的分步说明转发给我，即需要替换哪些文件？

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

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。

非常感谢任何帮助

最好的问候 汉内斯

Answer 1

我可以提供一个适用于大多数配置更改的答案。首先，我必须了解将 gwtbootstrap3-0.9.3.jar 重命名为 gwtbootstrap3-0.9.3.zip 然后解压缩、重新压缩并重命名为 jar 不起作用!!!

所以这里是一个一步一步的教程，介绍如何配置您的 Bootstrap 并将其与 gwtbootstrap3.0.9.3 一起使用。我不确定这是否适用于 future 的版本，但它应该适用于 bootstrap3。

• 配置并下载您的新 Bootstrap https://github.com/gwtbootstrap3/gwtbootstrap3based .

• 解压你的新 Bootstrap ，这将提供子目录 css， 字体和js。所以你会有像 bootstrap/css 等的东西。

• 现在将“旧的”gwtboostrap3.0.9.3 jar 复制到基本目录，这样 bootstrap.zip 和 jar 位于同一目录中。

• 从命令行发出 jar xf gwtbootstrap3.0.9.3.jar，它将 在您的目录中创建 2 个目录 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 和 REPLACE 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 和 REPLACE org\gwtbootstrap3\client\resource\css\bootstrap-theme-3.3.6.min.cache.css 带 bo​​otstrap\css\bootstrap-theme-3.3.6.min.cache.css

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

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

• 在 basedirectory(bootstrap 目录所在的位置)中发出 命令行:“jar xf gwtbootstrap3.0.9.3.jar META-INF org”。这 应该生成新的 gwtbootstrap3.0.9.3.jar 库

• 在您的元素中用新的替换旧的 gwtbootstrap3.0.9.3.jar 图书馆。

如果您收到大量 Java 错误，告诉您它找不到您混淆了路径的类。请让我知道这是否适合您。也许有人可以提供一个 shellscript 来自动化整个过程。

一个提示:自定义您的 Bootstrap 可以让您有更多的控制权，例如用于处理导航栏未折叠的点(在配置页面中查找名为“@grid-float-breakpoint”的键)。不要忘记输入适合您的值(我的是 800 像素)。不要忘记在末尾添加 px!!