第一章:认识bootstrap

  1. bootstrap框架 css html js的框架
  2. 基于Jquery
  3. 特点:简洁、灵活、移动优先,支持大部分浏览器
  4. 响应式设计
  5. 表格样式 、JS特效、导航
  6. 如何引入bootstrap
  • 下载所需文档,解压之后,放入项目目录中
  • head中 使用meta viewport 适配移动版设备 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  • head中 使用link标签 引入bootstrap.css文件 <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"/>
  • 在body 后边 使用script标签 引入 jquery.js <script src="js/jquery-3.6.0.js" type="text/javascript" charset="utf-8"></script>
  • 在上边script标签底部引入bootstrap.bundle.js <script src="bootstrap/js/bootstrap.bundle.js" type="text/javascript" charset="utf-8"></script>
  • 调用相关的class或者js

代码格式

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值