1.4 Bulma基础模板

用于bulma css框架快速开发的基础模板

1、本地模板

要求在本地/static/css/文件夹下面存在bulma.min.css 

下载地址 https://545c.com/f/930370-489515401-442ea8   (访问密码:3153)

font-awesome.min.css是字体图标文件,下载地址https://545c.com/f/930370-489760870-e81c35  (访问密码:3153)

jquery下载地址https://545c.com/f/930370-489760568-d9adb2 (访问密码:3153)


bulma.js是俺老刘为bulma写的js代码,下载地址


my.css是自己写的css代码

my.js是自己写的js代码

不需要的文件可以直接删除,或者放在那里不用管。


<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Bulam 模板页面</title>
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <link rel="stylesheet" href="/static/css/my.css">
  <link rel="stylesheet" href="/static/css/bulma.min.css">
  <link rel="stylesheet" href="/static/css/font-awesome.min.css">
  <script src="/status/js/jquery3.5.1/jquery.js"></script>
  <script src="/static/js/my.js"></script>
</head>
<body>
  <div class="container is-fluid">
    <div class="block">

  	<h1 class="title">
        Hello World
      </h1>
      <p class="subtitle">
        My first website with <strong>Bulma</strong>!
      </p>

    </div>
  </div>
</body>
</html>


2、网络引用

可能会因为网络不好,造成访问缓慢等问题,建议用第一种。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Bulam 模板页面</title>
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <link rel="stylesheet" href="/static/css/my.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.2/css/bulma.min.css"">
  <link rel="stylesheet" href="/static/css/font-awesome.min.css">
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery3.5.1/jquery.js"></script>
  <script src="/static/js/my.js"></script>
</head>
<body>
  <div class="container is-fluid">
    <div class="block">

  	<h1 class="title">
        Hello World
      </h1>
      <p class="subtitle">
        My first website with <strong>Bulma</strong>!
      </p>

    </div>
  </div>
</body>
</html>


返回头部

问题反馈
返回顶部