在 .liquid ( shopify ) 上集成 Bootstrap

Question

在 shopify 主题中，我想在 theme.liquid 文件中集成以下 bootstrap link。

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" ></script>

如何将 bootstrap 整合到我的主题中？

Answer 1

如果您只想加载一切以使其正常工作，请将此代码添加到 Admin > Themes > Template Editor > theme.liquid

的头部

确保将代码粘贴到 <head> </head> 标记之间。

您可以尝试按照下面的代码片段加载它们：

{{ '//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js' | script_tag }}
{{ '//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css' | stylesheet_tag }}
{{ '//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css' | stylesheet_tag }}

Answer 2

更好的做法是让您的主题从 CDN 链接获取信息，但也可以求助于本地 bootstrap 副本，以防 CDN 服务器出现故障。

在 .liquid ( shopify ) 上集成 Bootstrap

Integrate Bootstrap on .liquid ( shopify )

html

css

liquid-layout

liquid

twitter-bootstrap