2024知到答案 Bootstrap移动开发（黑龙江农业工程职业学院） 最新智慧树满分章节测试答案
项目一 单元测试
1、单选题：
以下关于bootstrap的说法，不正确的是（ ）
选项：
A:其他三项都不对
B:它是前段响应式框架
C:网格布局时，可以将一行项目分为12列
D:bootstrap基于HTML、CSS和JavaScript
答案: 【其他三项都不对】
2、单选题：
bootstrap1的推出时间为（ ）
选项：
A:2011
B:2010
C:2009
D:2012
答案: 【2011】
3、单选题：
以下哪个是bootstrap的优点（ ）
选项：
A:移动设备优先
B:其他三项都对
C:简单易上手
D:响应式布局
答案: 【其他三项都对】
4、单选题：
以下哪个效果或组件可以通过bootstrap快速实现（ ）
选项：
A:添加导航菜单
B:其余三项都对
C:设置文本颜色
D:添加边框
答案: 【其余三项都对】
5、单选题：
bootstrap-reboot.css文件的作用为（ ）
选项：
A:各组件的样式
B:网格布局
C:其他三项都不对
D:重置样式
答案: 【重置样式】
6、单选题：
bootstrap4中网格布局是将一行（.row）均分为（ ）列
选项：
A:14
B:10
C:16
D:12
答案: 【12】
7、单选题：
与bootstrap3相比，以下哪个是bootstrap4的特点（ ）
选项：
A:设计一套字体图标库
B:引用了弹性布局
C:引用了网格布局
D:其他三项都不对
答案: 【引用了弹性布局】
8、判断题：
Bootstrap是英国Twitter公司的设计师Mark Otto(马克●奥托)和Jacob Thornton(雅各布●桑顿)合作开发的。（ ）
选项：
A:对
B:错
答案: 【错】
9、判断题：
2021年8月，Twitter 将其开源，开源页面地址为: http://twiter.github.com/Bootstrap。（ ）
选项：
A:对
B:错
答案: 【错】
10、判断题：
Bootstrap 的HTML组件和JavaScript 组件非常丰富，并且代码简洁，非常易于修改。（ ）
选项：
A:错
B:对
答案: 【对】
项目二 单元测试
1、单选题：
使用bootstrap4中的网格布局时，为保证项目不折行显示，一行不可以分为（ ）列。
选项：
A:1
B:12
C:7
D:15
答案: 【15】
2、单选题：
使用bootstrap4中的网格布局时，为保证项目不发生换行，一行最多可分为（ ）列。
选项：
A:12
B:6
C:15
D:9
答案: 【12】
3、单选题：
下面说法不正确的是（ ）
选项：
A:当设置项目在屏幕宽度大于等于768px时所占据多少列，使用的类名为.col-md。
B:当设置项目在屏幕宽度大于等于992px时所占据多少列，使用的类名为.col-lg。
C:当设置项目在屏幕宽度大于等于992px时所占据多少列，使用的类名为.col-xl。
D:当设置项目在屏幕宽度大于等于576px时所占据多少列，使用的类名为.col-sm。
答案: 【当设置项目在屏幕宽度大于等于992px时所占据多少列，使用的类名为.col-xl。】
4、单选题：
阅读以下代码，当屏幕宽度≥576px时，该项目占据（）列，当屏幕宽度≥992时，该项目占据（ ）列。<div class="container"><div class="row"><div class="col-sm-6"><img src="images/img.jpg" class="img-fluid"></div></div></div>
选项：
A:6，6
B:6，项目本身宽度
C:项目本身宽度，6
D:项目本身宽度，项目本身宽度
答案: 【6，6】
5、单选题：
阅读以下代码，当屏幕宽度≥768px时，占据（）列，当屏幕宽度≥1200时，占据（ ）列。<div class="container"><div class="row"><div class="col-md-6 col-lg-2"><img src="images/30.jpg" class="img-fluid"></div></div></div>
选项：
A:6，2
B:2，2
C:6，6
D:2，6
答案: 【6，2】
6、判断题：
视口(viewport)和窗口(window)是两个不同的概念。（ ）
选项：
A:对
B:错
答案: 【对】
7、判断题：
视觉视口是用户当前看到的区域，用户可以通过缩放操作视觉视口。（ ）
选项：
A:错
B:对
答案: 【对】
8、判断题：
媒体查询是向不同设备提供不同样式的一种不错选择。（ ）
选项：
A:对
B:错
答案: 【对】
9、判断题：
Bootstrap框架默认的栅格系统最多为24列，形成一个960px宽的容器，默认就是响应式布局特性。（ ）
选项：
A:错
B:对
答案: 【错】
10、判断题：
Bootstrap可以制作响应页面，能为不同尺寸屏幕提供不同栅格样式。（ ）
选项：
A:对
B:错
答案: 【对】
11、判断题：
设置响应式浮动的方式就是添加类名：float- (sm| md|xl|lg}+{left|right|none}。（ ）
选项：
A:对
B:错
答案: 【对】
12、判断题：
Bootstrap中不能通过添加类名快速设置元素定位方式。（ ）
选项：
A:对
B:错
答案: 【错】
13、判断题：
使用Boo