Magento块和页面中的Boostrap标记

时间:2017-02-15 20:24:03

标签: twitter-bootstrap magento

我是Magento CMS的新手。我掌握了块和小部件的创建以及将这些内容插入到页面中。我们目前正在使用Infortis的基于Bootstrap的Ultimo主题。

如何在块内使用Bootstrap语法?基本网格有效,但没有其他类(警报,按钮,面板,折叠等)工作。我使用了Bootstrap CSS / JS CDN并修复了我刚才提到的类,但是破坏了主题。我已经看到了为了完成手风琴之类的事情而编写了一些广泛的jQuery,但这不在预算范围内,也不是我技能组合的最前沿。

有人为此找到了解决方法吗?我错过了什么吗?

在这个主题的用户指南中唯一提到的Bootstrap标记是对网格系统的一个非常简短的看法 - 在220页中略超过2页。

TL; DR:我只是试图在Magento块中使用Bootstrap标记,结果让我的生活变得困难。

1 个答案:

答案 0 :(得分:0)

  

我使用了Bootstrap CSS / JS CDN并修复了我刚刚提到的类,但是破坏了主题

听起来像Bootstrap类会覆盖你的主题。 查看源代码并确保在主题样式表之前加载bootstrap css CDN链接。这应该可以防止任何主题的样式被Bootstrap覆盖。

在此之后,如果仍存在样式冲突,那么可能是通过浏览器的元素检查器选择网站并向Bootstrap导致问题的任何主题/自定义样式添加一些“!important”属性的情况。

我使用Bootstrap开发了许多Magento站点,可以证明它绝对可能。

如果您需要更深入的帮助,您真的需要发布一些代码供我们查看。