项目一 单元测试

1、 问题:以下关于bootstrap的说法，不正确的是（ ）
选项：
A:它是前段响应式框架
B:bootstrap基于HTML、CSS和JavaScript
C:网格布局时，可以将一行项目分为12列
D:其他三项都不对
答案: 【
其他三项都不对
】

2、 问题:bootstrap1的推出时间为（ ）
选项：
A:2009
B:2010
C:2011
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:16
B:14
C:12
D:10
答案: 【
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:7
B:12
C:15
D:1
答案: 【
15
】

2、 问题:使用bootstrap4中的网格布局时，为保证项目不发生换行，一行最多可分为（ ）列。
选项：
A:6
B:9
C:12
D:15
答案: 【
12
】

3、 问题:下面说法不正确的是（ ）
选项：
A:当设置项目在屏幕宽度大于等于576px时所占据多少列，使用的类名为.col-sm。
B:当设置项目在屏幕宽度大于等于768px时所占据多少列，使用的类名为.col-md。
C:当设置项目在屏幕宽度大于等于992px时所占据多少列，使用的类名为.col-lg。
D:当设置项目在屏幕宽度大于等于992px时所占据多少列，使用的类名为.col-xl。
答案: 【
当设置项目在屏幕宽度大于等于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，项目本身宽度
B:项目本身宽度，6
C:项目本身宽度，项目本身宽度
D:6，6
答案: 【
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，6
B:6，2
C:2，2
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:错
答案: 【
对
】

本门课程剩余章节答案为付费内容
本文章不含期末不含主观题！！
本文章不含期末不含主观题！！
支付后可长期查看
有疑问请添加客服QQ 2356025045反馈
如遇卡顿看不了请换个浏览器即可打开
请看清楚了再购买哦，电子资源购买后不支持退款哦
点我支付 ¥5
  已支付？输入手机号或商家订单号阅读