完整版Bootstrap笔试题.docx

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

2、m1 item2 item3A.col-sm-6 col-md-4， col-sm-6 col-md-4， col-sm-6 col-md-4B.col-sm-6 col-lg-4， col-sm-6 col-lg-4， col-sm-6 col-lg-4C.col-xs-6 col-lg-4，col-xs-6 col-lg-4，col-xs-6 col-lg-4D.col-xs-6 col-md-4，col-xs-6 col-md-4，col-xs-6 col-md-44.下面可以实现列偏移的类是（ ）A.col-md-offset-*B.col-md-push-*C.col-md-pull

3、-*D.col-md-move-*5.表单元素要加上什么类，才能给表单添加圆角属性，和阴影效果（）A.form-group B.form-horizontal C. form-inline D. 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.

4、输入框组想加上图标，可以实现对表单控件的扩展的类是（ ）A.input-group-btn B. .input-group-addonC. form-control D. input-group-extra8.标签页垂直方向堆叠排列 , 需要添加的类（）A.nav-vertical B.nav-tabs C.nav-pills D.nav-stacked9.可以把导航固定在顶部的类是（）A.navbar-fixed-topB.navbar-fixed-bottomC.navbar-static-topD.navbar-inverse10.导航条在小屏幕会被折叠， 实现显示和折叠功能的按钮需要加

5、什么 （）A.折叠按钮加 data-toggle= collapsed ，折叠容器需要加 collapsed 类B.折叠按钮加 data-toggle= collapse ，折叠容器需要加 collapse 类C.折叠按钮加 data-toggle= scroll ，折叠容器需要加 collapse 类D.折叠按钮加 data-spy= scroll ，折叠容器需要加 collapse 类11.实现 nav 平铺整行，应该加哪个类（）A.nav-center B. nav-justified C. nav-left D. nav-right12.模态框提供了哪些尺寸（ ）A.modal-xs

6、modal-sm modal-md modal-lgB.modal-sm modal-md modal-lgC.modal-xs modal-smD.modal-sm modal-lg13.如果你不需要模态框弹出时的动画效果（淡入淡出效果）怎样实现（ ）A.删掉 .fade 类即可B.添加删掉 .fade 类即可C.去掉 .active 类即可D去掉 .in 类即可14.怎样实现滚动监听事件（A.添加 data-toggle=“ scroll”15.关闭 modal 的按钮应该加什么属性()A.data-dismiss=modal B.data-toggle=modalC. data-spy=

7、 modal D. data-hide=true16.下列不属于 panel 的三要素是()A.panel-heading B.panel-body C.panel-footer D. panel-content17.用 JavaScript怎样让轮播图从第二个图片开始播放( )A.$(.carousel).carousel() B. $(.carousel).carousel(0)C. $(.carousel).carousel(1) D.$(.carousel).carousel(2)18.使用 collapse 实现手风琴，通过哪个属性关联整个面板组 ( )A.data-parentB.

8、data-toggleC.data-targetD.href19.如何让轮播图在页面切换时有动画（ ）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. 工具提示条的

9、显示动画 D. 工具提示条的显示颜色22.弹出框元素： 点我弹出 / 隐藏弹出框 ，对于 title 和data-content 属性的作用，错误的是（） A. title 可以不支持 html 标签B.title 是弹出框的标题C.data-content 是弹出框的内容D.data-content 可以支持 html 标签23.滚动监听哪个属性可以设置滚动条距离顶端的位置距离（ ）A. data-offsetY B. data-offset C.data-spy D. data-dismiss24.标签页加了 fade 给每个 tab-pane 使切换标签页时有动画，那么 怎样让第一个默认

10、显示出来（）A. 添加类 activeB.添加类 showC.添加类 inD.添加类 fadeIn25.怎样养 tooltips 通过点击事件弹出（ ）A. data-placement=”click” B. data-delay=” click”C. data-title= ” click ” D.data-trigger=”click”26.怎样修改轮播图的页面切换的时间间隔（ ）A.data-interval B.data-pause C.data-wrap D.data-time27.下列说法正确的是（ ）A. button 组件能同时支持工具提示和控制模态框。B.不要在同一个元素上同

11、时使用多个插件的 data 属性C.使用 bootstrap 插件不需要引用 jQueryD.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 类提供了额外可供

12、选择的尺寸。C .disabled 类不可用于翻页中的链接D previous类和类 next 可以表示上一页、下一页30.下列哪个类起徽章的作用（ ）A.page-header B. jumbotron C. badge D. thumbnail31.怎样为进度条创建条纹效果（ ）A. 添加类 progress-bar-stripedB.添加类 progress-barC.添加类 progress-stripedD.添加类 progressBar-striped32.制作 tab 切换，要显示的内容要放在下方哪个容器里面（）A. content B. tab-group C. tab-bod

13、y D. tab-content 二，多选题 （针对以下题目，请选择最符合题目要求的答案。针对 每一道题目，所有答案都选对， 则该题得分，漏选答案则该题得 2分， 选了错误答案则该题不得分。每题 4分，共 20 分。33.关于 bootstrap 的布局容器说法正确的有（ ）A. .container 类用于固定宽度并支持响应式布局的容器。B.container-fluid 类用于 100% 宽度，占据全部视口（ viewport ） 的容器。C.container 和.container-fluid 可以互相嵌套D.布局容器仅提供了 .container 和 .container-fluid

14、 两种容器34.如果想要绘制带边框的条纹状的表格需要添加的类有（ ）A. table-condensedB.table-hoverC. 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-primary C.text-info D.text-danger