Bootstrap笔试题.docx
- 文档编号:23643243
- 上传时间:2023-05-19
- 格式:DOCX
- 页数:11
- 大小:127.81KB
Bootstrap笔试题.docx
《Bootstrap笔试题.docx》由会员分享,可在线阅读,更多相关《Bootstrap笔试题.docx(11页珍藏版)》请在冰豆网上搜索。
Bootstrap笔试题
一、单选题(针对以下题目,请选择最符合题目要求的答案。
针对每一道题目,所有答案都选对,则该题得分,所选答案错误或不能选出所有答案,则该题不得分。
每题2.5分,共80分。
)
1.Bootstrap插件全部依赖是()
A.JavaScript
B.JQuery
C.AngularJS
D.NodeJS
2.栅格系统小屏幕使用的类前缀是()
A..col-xs-B..col-sm-C..col-md-D..col-lg-
3.如下代码中,想要在超小屏幕和小屏幕显示两列,在中屏幕和大屏幕显示三列,三个div的class正确的写法是()
A.col-sm-6col-md-4,col-sm-6col-md-4,col-sm-6col-md-4
B.col-sm-6col-lg-4,col-sm-6col-lg-4,col-sm-6col-lg-4
C.col-xs-6col-lg-4,col-xs-6col-lg-4,col-xs-6col-lg-4
D.col-xs-6col-md-4,col-xs-6col-md-4,col-xs-6col-md-4
4.下面可以实现列偏移的类是()
A..col-md-offset-*
B..col-md-push-*
C..col-md-pull-*
D..col-md-move-*
5.表单元素要加上什么类,才能给表单添加圆角属性,和阴影效果()
A.form-groupB.form-horizontalC.form-inlineD.form-control
6.img-responsive类可以让图片支持响应式布局,它的实现原理是()
A.设置了max-width:
100%;和height:
auto;
B.设置了max-width:
100%;和height:
100%;
C.设置了width:
auto;和max-height:
100%;
D.设置了width:
auto;和height:
auto;
7.输入框组想加上图标,可以实现对表单控件的扩展的类是()
A..input-group-btnB..input-group-addon
C.form-controlD.input-group-extra
8.标签页垂直方向堆叠排列,需要添加的类()
A.nav-verticalB.nav-tabsC.nav-pillsD.nav-stacked
9.可以把导航固定在顶部的类是()
A.navbar-fixed-top
B.navbar-fixed-bottom
C.navbar-static-top
D.navbar-inverse
10.导航条在小屏幕会被折叠,实现显示和折叠功能的按钮需要加什么()
A.折叠按钮加data-toggle=’collapsed’,折叠容器需要加collapsed类
B.折叠按钮加data-toggle=’collapse’,折叠容器需要加collapse类
C.折叠按钮加data-toggle=’scroll’,折叠容器需要加collapse类
D.折叠按钮加data-spy=’scroll’,折叠容器需要加collapse类
11.实现nav平铺整行,应该加哪个类()
A.nav-centerB.nav-justifiedC.nav-leftD.nav-right
12.模态框提供了哪些尺寸()
A.modal-xsmodal-smmodal-mdmodal-lg
B.modal-smmodal-mdmodal-lg
C.modal-xsmodal-sm
D.modal-smmodal-lg
13.如果你不需要模态框弹出时的动画效果(淡入淡出效果)怎样实现()
A.删掉.fade类即可
B.添加删掉.fade类即可
C.去掉.active类即可
D.去掉.in类即可
14.怎样实现滚动监听事件()
A.添加data-toggle=“scroll”B.添加data-target=’scroll’
C.添加data-spy=’scroll’D.添加data-dismiss=”scroll”
15.关闭modal 的按钮应该加什么属性()
A.data-dismiss=’modal’B.data-toggle=’modal‘C.data-spy=’modal’D.data-hide='true'
16.下列不属于panel的三要素是()
A.panel-headingB.panel-bodyC.panel-footerD.panel-content
17.用JavaScript怎样让轮播图从第二个图片开始播放()
A.$('.carousel').carousel()B.$('.carousel').carousel(0)C.$('.carousel').carousel
(1)D.$('.carousel').carousel
(2)
18.使用collapse实现手风琴,通过哪个属性关联整个面板组()
A.data-parent
B.data-toggle
C.data-target
D.href
19.如何让轮播图在页面切换时有动画()
A.添加in类
B.添加fade类
C.添加active类
D.添加slide类
20.关于轮播图说法正确的是()。
A.轮播图的页面切换索引从1开始
B.下一页实现方式data-slide-to=“prev”
C.可以使用carousel-caption类为图片添加描述
D.上一页实现方式data-slide-to=“-1”
21.对于tooltip的元素,data-placement的作用是()
A.工具提示条的显示大小B.工具提示条的显示位置C.工具提示条的显示动画D.工具提示条的显示颜色
22.弹出框元素:
A.title可以不支持html标签
B.title是弹出框的标题
C.data-content是弹出框的内容
D.data-content可以支持html标签
23.滚动监听哪个属性可以设置滚动条距离顶端的位置距离()
A.data-offsetYB.data-offsetC.data-spyD.data-dismiss
24.标签页加了fade给每个tab-pane使切换标签页时有动画,那么怎样让第一个默认显示出来()
A.添加类active
B.添加类show
C.添加类in
D.添加类fadeIn
25.怎样养tooltips通过点击事件弹出()
A.data-placement=”click”B.data-delay=”click”
C.data-title=”click”D.data-trigger=”click”
26.怎样修改轮播图的页面切换的时间间隔()
A.data-intervalB.data-pauseC.data-wrapD.data-time
27.下列说法正确的是()
A.button组件能同时支持工具提示和控制模态框。
B.不要在同一个元素上同时使用多个插件的data属性
C.使用bootstrap插件不需要引用jQuery
D.bootstrap插件不可以单个引入
28.怎样只关闭警告框的data-API()
A.$(document).off('.data-api')B.$(document).off('.alert-data-api')
C.$(document).off('.data-api.alert')D.$(document).off('.alert.data-api')
29.关于分页组件说法错误的是()
A.使用类pagination来实现
B..pagination-lg、.pagination-sm类提供了额外可供选择的尺寸。
C..disabled类不可用于翻页中的链接
D.previous类和类next可以表示上一页、下一页
30.下列哪个类起徽章的作用()
A.page-headerB.jumbotronC.badgeD.thumbnail
31.怎样为进度条创建条纹效果()
A.添加类progress-bar-striped
B.添加类progress-bar
C.添加类progress-striped
D.添加类progressBar-striped
32.制作tab切换,要显示的内容要放在下方哪个容器里面()
A.contentB.tab-groupC.tab-bodyD.tab-content
二,多选题(针对以下题目,请选择最符合题目要求的答案。
针对每一道题目,所有答案都选对,则该题得分,漏选答案则该题得2分,选了错误答案则该题不得分。
每题4分,共20分。
33.关于bootstrap的布局容器说法正确的有()
A..container类用于固定宽度并支持响应式布局的容器。
B..container-fluid类用于100%宽度,占据全部视口(viewport)的容器。
C..container和.container-fluid可以互相嵌套
D.布局容器仅提供了.container和.container-fluid两种容器
34.如果想要绘制带边框的条纹状的表格需要添加的类有()
A.table-condensed
B.table-hover
C.table-bordered
D.table-striped
35.对于下拉菜单说法正确的是()
A.表示有四个下拉选项的下拉菜单
B. C.可以加入pull-right使菜单右对齐 D.可以加入dropdown-menu-right使菜单右对齐 36.下列关于栅格系统说法正确的有() A.栅格系统每一行不能少于12列 B.通过“行(row)”在水平方向创建一组“列(column)”。 C.行(row)”必须包含在.container(固定宽度)或.container-fluid(100%宽度)中,以便为其赋予合适的排列(aligment)和内补(padding)。 D.如果一“行(row)”中包含了的“列(column)”大于12,多余的“列(column)”所在的元素将被作为一个整体另起一行排列。 37.下列哪些是辅助类() A.text-mutedB.text-primaryC.text-infoD.text-danger 小学二 (2)班班规 一、安全方面 1、每天课间不能追逐打闹。 2、中午和下午放学要结伴回家。 3、 公路上走路要沿右边走,过马路要注意交通安全。 4、 不能在上学路上玩耍、逗留。 二、学习方面 1、每天到校后,不允许在走廊玩耍打闹,要进教室读书。 2、每节课铃声一响,要快速坐好,安静地等老师来上课。 3、课堂上不做小动作,不与同桌说悄悄话,认真思考,积极回答问题。 4、养成学前预习、学后复习的好习惯。 每天按时完成作业,保证字迹工整,卷面整洁。 5、考试时做到认真审题,不交头接耳,不抄袭,独立完成答卷。 三、升旗排队和两操方面 1、升旗时,要快速出教室排好队,做到快、静、齐,安静整齐地排队走出课室门,班长负责监督。 2、上午第二节后,快速坐好,按要求做好眼保健操。 3、下午预备铃声一响,在座位上做眼保健操。 四、卫生方面 1、每组值日生早晨7: 35到校做值日。 2、要求各负其责,打扫要迅速彻底,打扫完毕劳动工具要摆放整齐。 3、卫生监督员(剑锋,锶妍,炜薪)要按时到岗,除负责自己的值日工作外,还要做好记录。 五、一日常规 1、每天学生到齐后,班长要检查红领巾。 2、劳动委员组织检查卫生。 3、每天负责领读的学生要督促学生学习。 4、上课前需唱一首歌,由文娱委员负责。 5、 做好两操。 6、 放学后,先做作业,然后帮助家长至少做一件家务事。 7、 如果有人违反班规,要到老师处说明原因。 班训: 坐如钟 站如松 快如风 静无声 班规: 课堂听讲坐如钟,精神集中认真听; 排队升旗站如松,做操到位展雄风; 做事迅速快如风,样样事情记得清; 自习课上静无声,踏实学习不放松; 个人努力进步快,团结向上集体荣; 我为领巾添光彩,标兵集体记我功。 加分标准 序号 考核项目 加分值 备注 1 单元考试满分 +2 2 单元考试85分以上 +1 3 课堂小测满分 +1 4 期中、期末考试满分 +3 5 在红领巾广播站投稿一次 +2 6 在校级活动中获奖 +5 7 作业十次全对得一颗星 +3 8 课堂上得到表扬 +1 9 班干部工作认真负责 +1 10 做好事、有利于班集体和学校的事 +2 11 进步比较明显 +2 12 连续一周该组值日卫生达标 本组值日生每人加2分 扣分标准 序号 考核项目 扣分值 备注 1 没交作业、不做晚作业 -1 2 忘带书本、学具 -1 3 迟到 -1 4 在课堂上被老师点名 -2 5 不穿校服,不戴红领巾 -1 6 吃零食、带钱、带玩具 -2 7 说脏话、打架 -3 请家长,写保证书 8 座位周围有垃圾 -2 9 课间操、眼保健操不认真做 -1 10 升旗时违反纪律 -2 11 来学校不进教室,在走廊聊天打闹 -1 12 体育课打闹说话、排队不整齐 -2 注: 每人基本分60分起,学期末核算总分,作为学期评先依据。