在appscript HTML中使用bootstrap、css

问题描述 投票:0回答:1

我正在尝试构建一个网络应用程序。但是我无法在 appscript 中创建 css 和文件夹。

我可以添加CSS吗?

这是我的简单代码:

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <body>
    <form>
      <input type="text" id="login" class="fadeIn second" name="login" placeholder="login">
      <input type="text" id="password" class="fadeIn third" name="login" placeholder="password">
      <input type="submit" class="fadeIn fourth" value="Log In">
    </form>
  </body>
</html>

我需要帮助。

我想在 appscript 中使用 css,因为我无法创建 .css 文件

html css appscript
1个回答
0
投票

使用 doget() 和内联样式表

function doGet() {
  template = HtmlService.createTemplateFromFile('index');
  return template.evaluate();
}

将其添加到 head 标签中。编辑此代码,因为这仅作为示例:

<style>
    /* BASIC */

    html {
      background-color: #56baed;
    }

    body {
      font-family: "Poppins", sans-serif;
      height: 100vh;
    }

    a {
      color: #92badd;
      display: inline-block;
      text-decoration: none;
      font-weight: 400;
    }

    h2 {
      text-align: center;
      font-size: 16px;
      font-weight: 600;
      text-transform: uppercase;
      display: inline-block;
      margin: 40px 8px 10px 8px;
      color: #cccccc;
    }
</style>

然后添加此链接rel以在线使用bootstrap或任何自定义CSS框架,因为您无法添加.css文件。

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
  <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
© www.soinside.com 2019 - 2024. All rights reserved.