Bootstrap使用方法入门

时间:2026-02-14 02:21:02

1、首先我们得下载它,直接打入bootstarp,自然会弹出它官网。点击下载即可。

2、下载完后,你在js文件和css文件中看有没有以下几个文件:

bootstrap.min.css

bootstrap.min.js

jquery.min.js

3、直接建立一个index.html

看你的css文件在哪里,就像<link rel="stylesheet" href="css/bootstrap.min.css">一样引用

同理

<script src="js/jquery.min.js"></script><script src="js/bootstrap.min.js"></script>

4、写入代码进行测试

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>Bootstrap介绍</title>    <link rel="stylesheet" href="css/bootstrap.min.css"></head><body>    <button class="btn btn-info">Bootstrap</button><h1> Hello,world</h1><h1>Bootstrap<small>框架</small></h1><del>Bootstrap框架</del>Bootstrap框架Bootstrap框架Bootstrap框架<span>Bootstrap框架</span><script src="js/jquery.min.js"></script><script src="js/bootstrap.min.js"></script></body></html>

© 2026 智德知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com