bootstrap-4 - Hybris 将 bootstrap 版本从 3 更新到 4

Question

Hybris OOTB 使用 bootstrap 3.3，但是我想从 bootstrap 4 提供的新功能（例如间距和边距）中受益。有什么方法可以“更新”引导程序 3 到 4？

Answer 1

OOTB Hybris 店面模板就是这样，一个模板。当您将 SAP Commerce (Hybris) 升级到较新版本时，您始终需要手动执行店面项目的更新。

没有什么能阻止您在文件夹中丢弃 bootstrap 3.3_ui-src/responsive/lib并用 bootstrap 4.0 替换它

当您更改此文件夹时，不要忘记从您的店面项目更新 buildcallbacks.xml。有一个 ant 目标可以移动引导文件夹并重命名它。您需要在此处提供正确的文件夹名称

        <copy todir="${ext.yacceleratorstorefront.path}/web/webroot/_ui/responsive/common/bootstrap">
            <fileset dir="${ext.yacceleratorstorefront.path}/web/webroot/WEB-INF/_ui-src/responsive/lib/bootstrap-3.3.7" includes="**" />
        </copy>

更改此设置后，某些开箱即用的样式可能不再适用。你需要解决这个问题。但这在很大程度上取决于您使用的引导程序版本以及已定制的内容

• 将旧的 bo​​otstrap 3.3 替换为您要使用的版本web/webroot/WEB_INF/_ui-src/responsive/lib
• 更改店面项目中的构建回调以使用新文件夹名称
• 运行 ant clean all 将新的引导库移动到正确的位置
• 验证它在视觉上看起来仍然没问题并手动解决可能的问题