gpt4 book ai didi

swift - 在 Vapor 上使用 Bootstrap

转载 作者:可可西里 更新时间:2023-11-01 00:00:53 24 4
gpt4 key购买 nike

我是网络开发的新手,找不到明确的答案。

是否可以在 Swift 3 的 Vapor 中使用 Bootstrap?

最佳答案

是的,您可以使用 Bootstrap。您将:

  • 将 CDN 链接添加到您的模板文件,即位于 Resources/Views/ 文件夹中的 .leaf 文件,或者
  • 下载Bootstrap文件并将CSS、JS、字体等添加到所有页面都可以访问的Public/文件夹中。

对于第一个建议,您可以将 CDN 链接添加到您的 base.leaf,如下所示:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
#import("head")
</head>
<body>
#import("body")
</body>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</html>

对于第二个建议,您可以将文件放在这里:

enter image description here

然后像这样访问文件:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="/styles/{CSS-FILE-NAME}">
#import("head")
</head>
<body>
#import("body")
</body>
<script src="/{JS-FILE-NAME}"></script>
</html>

关于swift - 在 Vapor 上使用 Bootstrap,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43345727/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com