在 Vapor 上使用 Bootstrap

Question

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

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

Answer 1

是的，您可以使用 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>

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

然后像这样访问文件：

<!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>

在 Vapor 上使用 Bootstrap

Use Bootstrap on Vapor

swift

bootstrap-4

vapor