Bootstrap笔试题.docx
《Bootstrap笔试题.docx》由会员分享,可在线阅读,更多相关《Bootstrap笔试题.docx(8页珍藏版)》请在冰点文库上搜索。
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正确的写法是()
item1
item2
item3
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%;
C.设置了width:
auto;和max-height:
D.设置了width:
auto;和height:
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.弹出框元素:
点我弹出/隐藏弹出框,对于title和data-content属性的作用,错误的是()
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 欢迎您的下载,资料仅供参考! 致力为企业和个人提供合同协议,策划案计划书,学习资料等等打造全网一站式需求 展开阅读全文 相关资源 Bootstrap笔试题.docx Bootstrap笔试题.docx Bootstrap笔试题.docx Bootstrap笔试题.docx Bootstrap笔试题.docx Bootstrap笔试题.docx Bootstrap笔试题.docx Bootstrap笔试题.docx Bootstrap笔测试试题.docx 猜你喜欢 关于实习周记3篇精编.docx 先进个人获奖感言.docx 关于物业年终工作总结集合8篇精选.docx 矿山安全管理制度.docx 少先队大队长竞选演讲稿精编.docx 劳动合同范本大全.docx 电子音乐概论.docx 离任经济责任审计报告.docx 历史浙江省诸暨市诸暨中学学年高二下学期期中考试.docx 相关搜索 Bootstrap 笔试 资源标签 Bootstrap笔试 测试试题 当前位置:首页 > 经管营销 > 经济市场
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
欢迎您的下载,
资料仅供参考!
致力为企业和个人提供合同协议,策划案计划书,学习资料等等
打造全网一站式需求
copyright@ 2008-2023 冰点文库 网站版权所有
经营许可证编号:鄂ICP备19020893号-2