如何将shopify cdn转换/集成到引导程序答案

【问题标题】：how to convert/integrate shopify cdn to bootstrap如何将shopify cdn转换/集成到引导程序
【发布时间】：2021-11-02 19:28:28
【问题描述】：

大家好，我是 Web 开发的新手，所以很显然，我得到了一份为客户设计电子商务网站的工作。客户想要类似于 www.gallerydept.com 的东西。但是当我使用inspect时，我注意到cdn是shopify的而不是bootstrap，我只熟悉bootstrap。

如何转换或集成引导程序？

或者你能给我的最好的建议或建议是什么？

（请记住我是网络开发新手）

【问题讨论】：

标签： html css bootstrap-4 shopify e-commerce

【解决方案1】：

建议是 - 不要在 shopify 中使用引导程序。

原因 - Bootstrap 有自己的一组自定义设置，而 shopify 的设置取决于您使用的主题。让我们考虑两种情况：

例如，您想创建一个模态弹出窗口，并直接使用引导程序的库。外观会有所不同，然后您可以添加自己的 CSS 来覆盖那个有问题的东西。
第二种情况，您将 bootstrap 的 cdn 集成到 shopify 中，然后所有其他组件样式都会受到影响，例如按钮、导航栏、href 等。因此流程是 bootstrap 的 css 覆盖了您的 shopify 主题 css，然后您将覆盖两者以获得回到原来的状态 - 很快它就会变得难以管理。

但毕竟我并不是说不要继续这样做，我看到有些人在做的是只使用 bootstrap 的 flexbox 系统来管理自定义 shopify 页面的响应能力（这是一个很好的技术，因为 bootstrap 的 flexbox 系统是非常棒）。所以基本上他们所做的就是获取 bootstrap 的 CSS 文件并删除所有与 flexbox 系统无关的 CSS 标签并使用剩余的 CSS 文件。

回答您的疑问，您现在应该做的是 - 使用原生 HTML/CSS。您被卡在某个地方，因此通过检查您拥有的网站来怀疑/获取代码。

【讨论】：

【解决方案2】：

Shopify 正在使用主题，因此您可以开始查看有关如何为 Shopify 创建主题的教程。 Bootstrap 仅控制您所做的网站的外观和感觉。 Shoppify 将控制整个电子商务功能。因此，您可以在 Shopify 主题中使用 Bootstrap。

【讨论】：

【解决方案3】：

您需要使用 LIQUID 在 Shopify 中编码任何内容，并确保不要仅使用 SCSS CSS

【讨论】：

SCSS 也可以使用，这取决于主题 - 它是如何开发的。