Bootstrap使用方法入门

作者:滴水穿石 | 创建时间: 2023-08-02
bootstrap讲白了就是与jquery相同的类库,你不必纠结它的内部代码是怎么样,你只需知道它是如何使用的,就像农民使用洗衣机,不可能让农民知道洗衣机的原理,再用洗衣机,必然是直接用。...
Bootstrap使用方法入门

操作方法

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

下载完后,你在js文件和css文件中看有没有以下几个文件: bootstrap.min.css bootstrap.min.js jquery.min.js

直接建立一个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>

写入代码进行测试 <!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><p><del>Bootstrap框架</del></p><p>Bootstrap框架</p><p>Bootstrap框架</p><p>Bootstrap框架</p><span>Bootstrap框架</span><script src="js/jquery.min.js"></script><script src="js/bootstrap.min.js"></script></body></html>

温馨提示

注意script标签是放在body里面
点击展开全文

更多推荐