在蒸汽上使用Bootstrap

Question

在蒸汽上使用Bootstrap

NDM*_*DEV 2 swift bootstrap-4 vapor

我是网络开发的新手,无法找到明确的答案.

可以在Swapor 3的Vapor中使用Bootstrap吗？

Answer 1

Cal*_*ter 7

是的,你可以使用Bootstrap.你会:

将CDN链接添加到模板文件,即.leaf文件Resources/Views/夹中的文件,或
下载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>

Run Code Online (Sandbox Code Playgroud)

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

然后访问这样的文件:

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

Run Code Online (Sandbox Code Playgroud)

归档时间：	8 年，8 月前
查看次数：	1069 次
最近记录：	8 年，8 月前