在 .liquid 上集成 Bootstrap ( shopify )

Man*_*j A 3 html css liquid-layout liquid twitter-bootstrap

在 shopify 主题中,我想在theme.liquid文件中集成以下引导程序链接。

<!-- 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>
Run Code Online (Sandbox Code Playgroud)

如何将引导程序集成到我的主题中?

Moh*_*BLI 10

如果您只想加载所有内容以使其正常工作,请在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 }}
Run Code Online (Sandbox Code Playgroud)