Bootstrap-基本概述

Bootstrap是一个流行的前端框架,提供高效、专业的网页设计解决方案。它支持移动设备优先的响应式设计,可在各种设备上自适应显示。Bootstrap包含CSS、JS和字体图标等内容,通过简单步骤即可创建响应式网页模板。
摘要由CSDN通过智能技术生成

1- Bootstrap概述

1.1 什么是Bootstrap

一个前端的框架,提高前端的开发效率,制作出更加专业,漂亮的页面。

基于html、css、js技术,只要有这个基础就可以使用Bootstrap。

bootstrap中文官网:http://www.bootcss.com

1.2 Bootstrap的优势

自 Bootstrap 3 起,框架包含了贯穿于整个库的移动设备优先的样式。

Bootstrap支持所有的主流浏览器。如:Internet Explorer、 Firefox、 Opera、 Google Chrome、Safari。

只要具备 HTML 和 CSS 的基础知识,您就可以开始学习 Bootstrap。Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。

1.3 响应式设计网页

1.3.1 网页的响应式设计

同一个网页可以自适应不同设备的屏幕宽度

1.3.1 电脑效果
1.3.2 移动端效果

1.4 响应式布局特点

同一个网页可以自适应不同的设备宽度。

1.5 支持四类设备

在bootstrap框架中有以下四种设备,以分辨率为标准来划分。

类样式以这些缩写开头

四类设备 缩写
微型设备 xs
小型设备 sm
中型设备 md
大型设备 lg

2- Bootstrap目录

2.1 Bootstrap内容

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值