当前位置: 首页 > news >正文

53.[前端开发-JS实战框架应用]Day04-Bootstrap入门到项目实战

 

Bootstrap入门到实战

1 认识Bootstrap

认识Bootstrap

Bootstrap起源和历史

Bootstrap3-5版本的区别

Bootstrap优缺点

学习Bootstrap的理由

2 Bootstrap安装

Bootstrap4的安装

方式一 : CDN

方式二 : 下载源码引入

Bootstrap软件包内容

方式三 : npm安装

Bootstrap初体验

Bootstrap4 框架设计图

屏幕尺寸的分割点(Breakpoints)

3 响应式容器原理

响应式容器Containers

4 网格系统的原理

认识网格系统(Grid system)

12列网格系统(12-Column Grid system)

网格系统的原理

网格系统-row的负外边距(margin)

网格系统的原理

网格系统-嵌套(nesting)

网格系统-自动布局(Auto-layout )

网格系统-响应式类(Responsive Class)

5 响应式工具和组件

认识响应式工具类

响应式工具类-Display

实用的工具类(Utility classes)

可访问性-辅助类(了解)

Bootstrap组件

6 Bootstrap项目实战

相关文章:

  • antd+react实现html图片预览效果
  • 面试手撕——快速排序
  • LLamaFactory如何在Windows系统下部署安装训练(保姆级教程)
  • 4.27比赛总结
  • 【滑动窗口】最大连续1的个数|将x减到0的最小操作数
  • OceanBase数据库-学习笔记5-用户
  • 大模型微调之LLaMA-Factory 系列教程大纲
  • ClickHouse副本集群
  • 2. python协程/异步编程详解
  • 大脑、机器人与贝叶斯信念及AI推理
  • 微服务架构下的熔断与降级:原理、实践与主流框架深度解析
  • 5G技术在工业4.0中的应用:连接未来,驱动智能制造
  • ubnuntu使用conda进行虚拟环境迁移,复制,克隆
  • Vue3 Echarts 3D圆形柱状图实现教程以及封装一个可复用的组件
  • 生态修复项目管理软件
  • 千问3(Qwen3)模型开源以及初体验
  • OpenGL ES 3.0 第二章总结:你好,三角形(Hello Triangle)
  • 基于Springboot + vue实现的中医院问诊系统
  • C#解析USB - HID手柄上摇杆按键数据
  • 清华与智谱联合发布TTS模型GLM-4-Voice,支持情绪、语气控制,多语言,实时效果很不错~
  • 上海“模速空间”:将形成人工智能“北斗七星”和群星态势
  • 贵州茅台一季度净利268亿元增长11.56%,系列酒营收增近两成
  • 辽宁辽阳火灾事故饭店经营者已被控制,善后处置全面展开
  • 张元济和百日维新
  • TAE联手加州大学开发出新型核聚变装置:功率提升百倍,成本减半
  • 深圳宝安区一宗涉宅用地中止出让,起始总价86.27亿元