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

Bootstrap简介

什么是Bootstrap?

  Bootstrap是一个用于快速开发web应用程序和网站的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的。Bootstrap是2011年八月在CitHub上发布的开源产品。

 

为什么使用Bootstrap?

  • 移动设备优先:自Bootstrap3起,框架包含了贯穿于整个库的移动设备优先的样式。
  • 浏览器支持:所有的浏览器都支持Bootstrap。
  • 容易上手:只要具备HTML和CSS的基础,就可以开始学习Bootstrap。
  • 响应式设计:Bootstrap的响应式CSS能够自适应于台式机、平板电脑和手机。
  • 它为开发人员创建接口提供了一个简洁统一的解决方案。
  • 它包含了功能强大的内置组件,易于定制。
  • 它提供了基于web的定制。
  • 它是开源的。

 

Bootstrap包的内容

  • 基本结构:Bootstrap提供了一个带有网格系统、链接样式、背景的基本结构。
  • CSS:Bootstrap自带以下特性:全局的CSS设置、定义基本的HTML元素样式、可扩展的class,以及一个先进的网格系统。
  • 组件:Bootstrap包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等。
  • JavaScript插件:Bootstrap包含了十几个自定义的jQuery插件。在使用时,可以直接包含所有的插件,也可以逐个包含这些插件。
  • 定制:我们可以定制Bootstrap的组件、LESS变量和jQuery插件来得到自己的版本。

补充:bootstrap框架中的网格系统就是将容器平分成12份,在使用的时候可以根据实际情况重新编译LESS/SASS源码来修改12这个数值。详细可参考:https://www.cnblogs.com/jnslove/p/5430481.html

转载于:https://www.cnblogs.com/web12/p/9940836.html

相关文章:

  • Redis基本使用及百亿数据量中的使用技巧分享(附视频地址及观看指南)
  • 大数据开发技术学习路线图(小白自学心路)
  • python 入门
  • 数组大概知多少
  • linux删除文件夹下除了某一个文件之外的所有文件及find用法
  • 优先队列 PriorityQueue
  • SegmentFault 社区上线小程序开发频道,助力小程序开发者生态
  • 基于Odoo框架的开源在线客服系统
  • 智能合约Solidity教程-事件和日志(一)
  • Springcloud sleuth+kafka+elasticsearch+zipkin
  • python基础:
  • Android漏洞扫描工具Code Arbiter
  • (三)Honghu Cloud云架构一定时调度平台
  • docker 常用命令整理
  • 物联网链路协议
  • (十五)java多线程之并发集合ArrayBlockingQueue
  • 【140天】尚学堂高淇Java300集视频精华笔记(86-87)
  • C++回声服务器_9-epoll边缘触发模式版本服务器
  • css布局,左右固定中间自适应实现
  • JavaScript异步流程控制的前世今生
  • MYSQL 的 IF 函数
  • 今年的LC3大会没了?
  • 开源SQL-on-Hadoop系统一览
  • 一加3T解锁OEM、刷入TWRP、第三方ROM以及ROOT
  • ​html.parser --- 简单的 HTML 和 XHTML 解析器​
  • ​MPV,汽车产品里一个特殊品类的进化过程
  • (09)Hive——CTE 公共表达式
  • (附程序)AD采集中的10种经典软件滤波程序优缺点分析
  • (十二)python网络爬虫(理论+实战)——实战:使用BeautfulSoup解析baidu热搜新闻数据
  • (一)【Jmeter】JDK及Jmeter的安装部署及简单配置
  • .Net Core/.Net6/.Net8 ,启动配置/Program.cs 配置
  • .NET Core中的去虚
  • .NET Framework杂记
  • .net 设置默认首页
  • .netcore 6.0/7.0项目迁移至.netcore 8.0 注意事项
  • .NET导入Excel数据
  • .NET与java的MVC模式(2):struts2核心工作流程与原理
  • :如何用SQL脚本保存存储过程返回的结果集
  • @CacheInvalidate(name = “xxx“, key = “#results.![a+b]“,multi = true)是什么意思
  • [14]内置对象
  • [2015][note]基于薄向列液晶层的可调谐THz fishnet超材料快速开关——
  • [BUG]vscode插件live server无法自动打开浏览器
  • [CSDN首发]鱿鱼游戏的具体玩法详细介绍
  • [CSS] - 修正IE6不支持position:fixed的bug
  • [DM复习]关联规则挖掘(下)
  • [EFI]ASUS EX-B365M-V5 Gold G5400 CPU电脑 Hackintosh 黑苹果引导文件
  • [Git].gitignore失效的原因
  • [HNOI2006]鬼谷子的钱袋
  • [HOW TO]怎么在iPhone程序中实现可多选可搜索按字母排序的联系人选择器
  • [iOS开发]iOS中TabBar中间按钮凸起的实现
  • [Linux]history 显示命令的运行时间
  • [MYSQL]mysql将两个表结果合并到一起
  • [MZ test.16]P1 评测
  • [nginx] LEMP 架构随笔
  • [PyTorch][chapter 66][强化学习-值函数近似]