Bootstrap第一章

一、响应式web设计技术栈

和html5+css3互相配合与支持的：

html5+css3 基本网页设计
html5中的viewport 提供可以配置视口的属性
css3媒体查询识别媒体类型，特征（屏幕宽度，像素比等）
流式布局可以根据浏览器的宽度和屏幕的大小自动调整效果
响应式栅格系统依赖于媒体查询，根据不同的屏幕大小调整布局
流式图片随流式布局进行相应缩放

二、目录结构

1.编译版

- css
- js
- bootstrap.* 是预编译文件
- bootstrap.min.* 是编译且压缩后的文件

2.源码版

- dist：编译版bootstrap4.4.1
- docs：开发文档
- examples：例子
- scss：css源码
- js：JavaScript源码

3.安装bootstrap

- jquery.js：jquery库基础文件
- popper.js：bootstrap插件依赖的文件
- bootstrap.js：bootstrap的jQuery插件源文件
- 注意：一定要把jQuery.js和popper.js在bootstrap.min.js之前引入

4.视口

viewport：提供可以配置视口的属性

视口的概念针对移动端浏览器，分为两种视口，一种是可见视口即设备大小，另一种是视窗视口即网页宽度。

html5中，标签可以用于配置视口属性。

<meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1.0,maximun-scale=1.0">
<!--user-scalable=no 用于设置用户是否可以缩放，默认为yes-->
<!--width=device-width 用于设置视窗视口的宽度，这里表示与可见视口宽度相同-->
<!--initial-scale=1.0 用于设置初始缩放比例，取值为0~10.0-->
<!--maximun-scale=1.0 用于设置最大缩放比例，取值为0~10.0-->

5.标签

<meta name="keywords" content="北大青鸟，IT培训">
<meta name="description" content="北大青鸟是国内最大的IT培训...">

<meta>标签
keywords 搜索关键字
description 内容描述

Bootstrap第一章初识相关推荐

第一章初识Mathematica
第一章初识Mathematica 1．Mathematica是什么 Matematica是由美国Wolfram公司研究开发的一个著名的数学软件,它提供了非常强大的功能,能够完成符号运算.数学图 ...
《起跑吧，Opa》 -- 中译本第一章初识Opa
第一章初识opa 本章,你将初识opa.你将学习如何安装Opa,编写opa程序以及熟悉Opa开发周期中的各个步骤. 安装opa 需要你预先从opa网站(http://opalang.org/)下载适 ...
第一章初识EmguCV
第一章初识EmguCV 1.1 EmguCV的基本介绍 1.1.1 计算机视觉.OpenCV和EmguCV 计算机视觉是一门研究如何使机器"看"的科学,更进一步的说,就是是指用摄 ...
第一章初识HTML
第一章初识HTML 学习HTML: 开发网页.微信小程序.跨端界面开发.web游戏 hyper text markup language 超文本标记语言网页的源码,解释和执行 w3c:万维网联盟/ ...
第一章初识OpenHarmony
序言本书以3W1H教学法对每个知识点进行多维度介绍,笔者认为这样写更符合人类对新知识的学习.本书以教学场景续写,一章为半天知识点. 本书读者对象阅读本书您需要具备html.css.js基础知识,所 ...
《HBase 不睡觉》第一章 - 初识 HBase
<HBase 不睡觉书>是一本让人看了不会睡着的HBase技术书籍,写的非常不错,为了加深记忆,决定把书中重要的部分整理成读书笔记,便于后期查阅,同时希望为初学 HBase 的同学带来一些 ...
c生万物【第一章初识c语言】
c生万物---第一章初识c语言前言 1.什么是C语言 2.第一个C语言程序 3.数据类型 4.变量.常量 4.1定义变量的方法 4.2变量的分类 4.3变量的使用 4.4 变量的作用域和生命周期 ...
第一章初识NANO板卡
第一章初识NANO板卡一. 英伟达Jetson Nano 是什么二. 为什么要用NVIDIA DIGITS 三. 我们可以在Jetson Nano上运行什么样的算法? 四.英伟达 NANO板卡配 ...
Cocos2d-x 3.0 红孩儿私家必修 - 第一章初识Cocos2d-x 3.0工程
Cocos2d-x 3.0 红孩儿私家必修前言: 时光飞逝,每每看到博客上的回复和微博上的鼓励,总会觉得亏欠大家点什么.停下来太久,总是觉得不太对劲,哈哈,时习之吧,望以此勉励大家. 红孩儿C ...

Bootstrap第一章初识

Bootstrap第一章

一、响应式web设计技术栈

和html5+css3互相配合与支持的：

二、目录结构

1.编译版

2.源码版

3.安装bootstrap

4.视口

5.标签

Bootstrap第一章初识相关推荐

最新文章

热门文章