Bootstrap响应式Web前端开发考试试题答案.pdf

一、选择题

1、在引用了bootstrap的前提下，下面代码中所实现的项目的顺序是（）
<divstyle=""class="d-flex">
<divclass="order-2">项目1</div>
<divclass="order-1">项目2</div>
<div>项目3</div>
</div>
A、项目1、项目2、项目3B、项目1、项目3、项目2
C、项目3、项目1、项目2D、项目3、项目2、项目1
2、如果要添加内联式表单，则添加的类名为（）
A、d-inlineB、input-inline
C、form-inlineD、form-control
3、如果为轮播组件添加图片指示器，实现图片与指示器的一一对应，那么该指示器的
容器的类名为（）
A、carouselB、carousel-inner
C、carousel-itemD、carousel-indicators
4、要为警告框添加关闭按钮，那么需要为该按钮添加（）属性，才可以做到关闭按钮
能正确的响应事件。
A、close()B、close
C、alert(“close”)D、ABC都不对
5、如果要添加白绿相间条纹状的进度条动画，那么为.progress-bar添加类名为（）
A、progress-bar-stripedB、bg-success
C、progress-bar-animatedD、ABC都需要
6、、如果要为按钮填充颜色为蓝色，则使用的类名为（）,如果要将按钮的轮廓设置为
蓝色，则使用的类名为（）。
A、btn-blue,border-blueB、btn-primary,btn-outline-primary
C、btn-outline-primary,btn-primaryD、border-blue,btn-blue
7、以下哪个类名用于设置文本的颜色（）
A、border-dangerB、table-danger
C、bg-dangerD、text-danger
8、如果要为徽章添加链接效果，那么可以使用（）标签来添加徽章。
A、buttonB、a
C、inputD、span
9、定义模态框时，模态框的主体内容应放置在（）中
A、modalB、modal-body
C、modal-titleD、modal-head
10、切换模态框的状态，使用的方法是（）
A、modal(“show”)B、modal(“hide”)
C、modal(“toggle”)D、modal(“dispose”)