如何在Magento 2中使用Twitter Bootstrap开发主题？

8

我们是否有任何逐步的说明来为magento 2创建twitter引导主题，还是为magento 2的最新版本创建的暂存器？有人可以建议重新开始的好方法吗？

magento2 theme

— 开发人员
source

2

Magento 2不使用Bootstrap，而是在主题核心中使用其自己的LESS和CSS。它具有发布者来查找和发布CSS，以及放置在pub /目录下的其他视图静态文件。发布者还支持通过使用某些预处理器对正在发布的文件进行预处理。例如，CSS预处理器包含两个独立的预处理器，如下所示：

LESS预处理器：LESS预处理器与LESS PHP适配器一起可在Magento中使用LESS。CSS URL解析器：用于使用发布者解析在CSS源文件中找到的链接，并将其替换为正确的链接。主要优点：

使用LESS可帮助用户更快，更轻松地自定义主题。LESS预处理器和CSS URL解析器有助于提高性能，加快页面加载速度，并使系统与搜索引擎更加友好。

https://www.ubertheme.com/magento-news/11-exciting-features-magento-2/

但是，如果您想在主题中使用引导程序。您可以创建此代码。在Magento_Theme / layout / default_head_blocks.xml下。对我来说，我正在使用波尔图主题。这就是波尔图添加引导程序的方式。

嘿，如果我错了，那里的人会纠正我。但这是基于我的经验。

谢谢

— 迷宫
source

我收到了类似错误的大错误：错误：匿名define（）模块不匹配：function（t，e，n）{“ use strict”; function i（t，e）{for（var n = 0; n <e.length; n ++）{var i = e [n]; i.enumerable = i.enumerable ||！1，i.configurable =！0，i &&（i.writable =！0）中的“ value”，Object.defineProperty（t， i.key，i）}}函数s（t，e，n）{返回e && i（t.prototype，e），n && i（t，n），t}函数r（）{return（r = Object.assign | | function（t）{for（var e = 1; e <arguments.length; e ++）{var n = arguments [e]; for（var i in n）Object.prototype.hasOwnProperty.call（n，i）&& （t [i] = n [i]）}返回t}）。apply（this，arguments）} e = e && e.hasOwnProperty（“ default”）？...

— Magecode

您可以在这里给我发送截图吗？

— MazeStricks

0

Magento 2附带一个精简版的Bootstrap，可以立即使用。您可以使用Bootstrap股票的大多数关键响应功能。我注意到当无法使用.embed-response时，它将给您404错误。

除此之外，您将必须构建自己的主题并添加自己的文件，例如@MazeStricks提及。

— 卡里·沃尔夫（Cary Wolff）
source

是的，您说得对@Cary Wolff，感谢您的信息。

— MazeStricks