Bootstrap使用方法入门

 时间:2024-11-01 03:43:30

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

2、下载完后,你在js文件和css文件中看有没有以下几个文件:bootstrap.min.cssbootstrap.min.jsjquery.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><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>

  • bootstrap使用教程
  • bootstrap组件怎么使用
  • bootstrap入门与简介
  • bootstrap字体图标怎么使用
  • bootstrap框架使用Less五
  • 热门搜索
    社保卡丢失怎么补办 云是怎么形成的 白带有异味是怎么回事 白衬衫怎么搭配 益安宁丸效果怎么样 小丑鱼怎么养 新百伦鞋子怎么清洗 手机中病毒怎么办 腰间盘膨出怎么治 小孩缺锌怎么补