Bootstrap笔试题.docx

1、Bootstrap笔试题一、单选题（针对以下题目，请选择最符合题目要求的答案。针对每一道题目，所有答案都选对，则该题得分，所选答案错误或不能选出所有答案，则该题不得分。每题2.5分，共80分。）1.Bootstrap插件全部依赖是（）A. JavaScriptB. JQueryC. AngularJSD. NodeJS2.栅格系统小屏幕使用的类前缀是（）A.col-xs-B.col-sm-C.col-md-D.col-lg-3.如下代码中，想要在超小屏幕和小屏幕显示两列，在中屏幕和大屏幕显示三列,三个div的class正确的写法是（）item1item2item3A.col-sm-6col-m

2、d-4，col-sm-6col-md-4，col-sm-6col-md-4B.col-sm-6col-lg-4，col-sm-6col-lg-4，col-sm-6col-lg-4C.col-xs-6col-lg-4，col-xs-6col-lg-4，col-xs-6col-lg-4D.col-xs-6col-md-4，col-xs-6col-md-4，col-xs-6col-md-44.下面可以实现列偏移的类是（）A. .col-md-offset-*B.col-md-push-*C.col-md-pull-*D.col-md-move-*5.表单元素要加上什么类，才能给表单添加圆角属性，和阴

3、影效果（）A.form-groupB.form-horizontalC.form-inlineD.form-control6.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-addonC.form-

4、controlD.input-group-extra8.标签页垂直方向堆叠排列,需要添加的类（）A.nav-verticalB.nav-tabsC.nav-pillsD.nav-stacked9.可以把导航固定在顶部的类是（）A.navbar-fixed-topB.navbar-fixed-bottomC.navbar-static-topD.navbar-inverse10.导航条在小屏幕会被折叠，实现显示和折叠功能的按钮需要加什么（）?A.折叠按钮加data-toggle=collapsed，折叠容器需要加collapsed类B.折叠按钮加data-toggle=collapse，折叠容器

5、需要加collapse类C.折叠按钮加data-toggle=scroll，折叠容器需要加collapse类D.折叠按钮加data-spy=scroll，折叠容器需要加collapse类11.实现nav平铺整行，应该加哪个类（）A.nav-centerB.nav-justifiedC.nav-leftD.nav-right12.模态框提供了哪些尺寸（）A.modal-xsmodal-smmodal-mdmodal-lgB.modal-smmodal-mdmodal-lgC.modal-xsmodal-smD.modal-smmodal-lg13.如果你不需要模态框弹出时的动画效果（淡入淡出效果

6、）怎样实现（）A.删掉.fade类即可B.添加删掉.fade类即可C.去掉.active类即可D去掉.in类即可14.怎样实现滚动监听事件（）A.添加data-toggle=“scroll”B.添加data-target=scrollC.添加data-spy=scroll D.添加data-dismiss=”scroll”15.关闭modal?的按钮应该加什么属性（）A.data-dismiss=modal B.data-toggle=modal C.data-spy=modalD.data-hide=true16.下列不属于panel的三要素是（）A.panel-heading B.pane

7、l-body C.panel-footerD.panel-content17.用JavaScript怎样让轮播图从第二个图片开始播放（）A.$(.carousel).carousel()B.$(.carousel).carousel(0)C.$(.carousel).carousel(1) D.$(.carousel).carousel(2)18.使用collapse实现手风琴，通过哪个属性关联整个面板组（）A. data-parentB. data-toggleC. data-targetD.href19.如何让轮播图在页面切换时有动画（）A.添加in类B.添加fade类C.添加active

8、类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是弹出框

9、的标题C. data-content是弹出框的内容D. data-content可以支持html标签23.滚动监听哪个属性可以设置滚动条距离顶端的位置距离（）A.data-offsetYB.data-offsetC.data-spyD.data-dismiss24.标签页加了fade给每个tab-pane使切换标签页时有动画，那么怎样让第一个默认显示出来（）A.添加类activeB.添加类showC.添加类inD.添加类fadeIn25.怎样养tooltips通过点击事件弹出（）A.data-placement=”click” B.data-delay=”click” C.data-title

10、=”click” D.data-trigger=”click”26.怎样修改轮播图的页面切换的时间间隔（）A.data-intervalB.data-pauseC.data-wrapD.data-time27.下列说法正确的是（）A.button组件能同时支持工具提示和控制模态框。B.不要在同一个元素上同时使用多个插件的data属性C.使用bootstrap插件不需要引用jQueryD.bootstrap插件不可以单个引入28.怎样只关闭警告框的data-API（）A.$(document).off(.data-api)B.$(document).off(.alert-data-api)C.$

11、(document).off(.data-api.alert)D.$(document).off(.alert.data-api)29.关于分页组件说法错误的是（）A使用类pagination来实现B.pagination-lg、.pagination-sm类提供了额外可供选择的尺寸。C.disabled类不可用于翻页中的链接Dprevious类和类next可以表示上一页、下一页30.下列哪个类起徽章的作用（）A.page-headerB.jumbotronC.badgeD.thumbnail31.怎样为进度条创建条纹效果（）A.添加类progress-bar-stripedB.添加类prog

12、ress-barC.添加类progress-stripedD.添加类progressBar-striped32.制作tab切换，要显示的内容要放在下方哪个容器里面（）A. contentB.tab-groupC.tab-bodyD.tab-content二，多选题(针对以下题目，请选择最符合题目要求的答案。针对每一道题目，所有答案都选对，则该题得分，漏选答案则该题得2分，选了错误答案则该题不得分。每题4分，共20分。33.关于bootstrap的布局容器说法正确的有（）A.container类用于固定宽度并支持响应式布局的容器。B.container-fluid类用于100%宽度，占据全部视口

13、（viewport）的容器。 C.container和.container-fluid可以互相嵌套 D.布局容器仅提供了.container和.container-fluid两种容器34.如果想要绘制带边框的条纹状的表格需要添加的类有（） A.table-condensedB.table-hover C.table-borderedD.table-striped35.对于下拉菜单说法正确的是()A.表示有四个下拉选项的下拉菜单B./span可以去掉而不影响功能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-muted B.text-primaryC.text-infoD.text-danger