Bootstrap笔测试试题Word文档下载推荐.docx

Bootstrap笔测试试题Word文档下载推荐.docx

《Bootstrap笔测试试题Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《Bootstrap笔测试试题Word文档下载推荐.docx（8页珍藏版）》请在冰点文库上搜索。

divclass="

row"

>

<

"

item1<

/div>

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:

和height:

C.设置了width:

和max-height:

D.设置了width:

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（0）C.$（'

）.carousel

（1）D.$（'

）.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.弹出框元素：

buttontype="

button"

class="

btnbtn-lgbtn-danger"

data-toggle="

popover"

id=”mypopover”title="

thisismyPopoveelement"

data-animation=”true”data-content="

Andsomeamazingcontent."

点我弹出/隐藏弹出框<

/button>

，对于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.<

spanclass=‘caret’>

/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-mutedB.text-primaryC.text-infoD.text-danger