bootstrap知识点

1.全屏操作：HTML5提供requestFullscreen()方法，允许用户自定义网页上任一元素的全屏显示，提供了关闭全屏显示exitFullscreen()  cancelFullscreen()方法

2.耦合程度：模块及模块之间信息或参数依赖的程度

3.在<svg>标签的内部，可以使用SVG提供的一些预定义的标签来绘制图形，具体如下。

标签	含义
<rect>	矩形标签
<circle>	圆形标签
<ellipse>	椭圆形标签
<line>	线段标签
<polyline>	折线标签
<polygon>	多边形标签
<path>	路径标签
<text>	文字标签
<tspan>	<tspan>类似<span>，用在<text>内部单独设置样式

4.根据显示屏幕宽度的大小，自动的选用对应的类的样式

col是column简写：列；xs是maxsmall简写：超小， sm是small简写：小，  md是medium简写：中等， lg是large简写：大；

 -* 表示占列数，即占每行row分12列栅格系统比；

大小	范围
.col-xs-*	<576px
.col-sm-*	>=576px
.col-md-*	>=768px
.col-lg-*	>=992px

5.栅格系统中的列偏移

.offset-md-*将列右偏移，主要通过使用获取到当前元素并且增加当前元素左侧的边距（margin）

网格系统属于Bootstrap的基本结构

6.表单

表单	含义
.form-inline	内联表单
form-control	统一表单元素格式
form-horizontal	水平表单,将label标签和控件组水平并排布局

7.折叠菜单：collapse;下拉菜单：dropdown;dropdown-toggle:向下箭头； 导航栏框架类名：navbar

8.Bootstrap为页面内容和栅格系统包裹一个布局容器，对应css类名：container,container-fluid

在每个响应断点处设置了一个max-width(最大宽度）/设置布局容器的宽度为100%

9.单个主按钮样式btn-primary,一组按钮样式btn-group

定义列表组的每一项：list-group-item,

10.输入框组结构样式：input-group

11.轮播图：

依赖文件：bootstrap.min.css,jquery-3.2.1min.js,bootstrap.min.js

轮播图	含义
carousel-indicators	轮播图指示器
carousel-control-prev/next	轮播图标签的左箭头/右箭头
d-block	块元素

12.input-group-prepend 在输入框前面添加文本信息 input-group-text:在输入框的位置插入文本内容

13.按钮：btn-block:全屏按钮

14.ms-auto:margin-start left me-auto:margin-end right

mb-auto:margin-bottom auto mt-auto:margin-top auto

15.my margin-bottom、margin-top mx margin-left margin-right

题目：

（1）下列选项中，用来定义矩形的标签是（ ）

A、<circle>

B、<rect>

C、<line>

D、<polygon>