bootstrap考试试题及答案.docxVIP

bootstrap考试试题及答案

姓名：__________考号：__________

题号

一

二

三

四

五

总分

评分

一、单选题(共10题)

1.Bootstrap框架中，响应式布局主要依靠哪个类来实现？()

A.container

B.row

C.col-md-6

D.responsive

2.以下哪个不是Bootstrap的栅格系统类名？()

A.xs

B.sm

C.md

D.lg

3.在Bootstrap中，如何使一个按钮居中显示？()

A.使用.text-center类

B.使用.btn-center类

C.使用.btn-block类

D.使用.btn-horizontal类

4.Bootstrap中的模态框（Modal）组件，以下哪个是触发模态框的按钮类名？()

A..modal

B..modal-trigger

C..modal-show

D..modal-open

5.在Bootstrap中，如何设置一个按钮的背景颜色为红色？()

A.使用.bg-danger类

B.使用.bg-success类

C.使用.bg-warning类

D.使用.bg-info类

6.Bootstrap中的表单组件，以下哪个类名用于设置表单控件水平排列？()

A..form-inline

B..form-control

C..form-group

D..form-label

7.在Bootstrap中，如何设置一个警告框（Alert）的关闭按钮？()

A.使用.close类

B.使用.alert-close类

C.使用.alert-dismiss类

D.使用.alert-hide类

8.Bootstrap中的导航栏（Navbar）组件，以下哪个类名用于设置导航栏折叠？()

A..navbar-collapse

B..navbar-expand

C..navbar-toggler

D..navbar-nav

9.在Bootstrap中，如何设置一个卡片（Card）的标题和内容？()

A.使用.card-title和.card-text类

B.使用.card-header和.card-body类

C.使用.card-body和.card-footer类

D.使用.card-header和.card-footer类

10.Bootstrap中的轮播图（Carousel）组件，以下哪个类名用于设置轮播图指示器？()

A..carousel-indicators

B..carousel-control-prev

C..carousel-control-next

D..carousel-item

二、多选题(共5题)

11.以下哪些是Bootstrap4中的响应式布局类名？()

A.xs

B.sm

C.md

D.lg

E.xl

12.在Bootstrap4中，以下哪些类名可以用于设置按钮的样式？()

A.btn-primary

B.btn-success

C.btn-danger

D.btn-warning

E.btn-info

F.btn-link

13.以下哪些是Bootstrap4中的栅格系统类名？()

A.col

B.row

C.container

D.col-md-4

E.col-xs-6

14.在Bootstrap4中，以下哪些组件可以用于制作模态框？()

A.Modal

B.ModalHeader

C.ModalBody

D.ModalFooter

E.ModalContent

15.以下哪些是Bootstrap4中的表单控件类名？()

A.form-group

B.form-control

C.form-check

D.form-label

E.form-text

三、填空题(共5题)

16.Bootstrap4中，用于创建栅格系统的类名是_______。

17.Bootstrap4中，响应式布局的类名通常以_______开头，后面跟着数字，例如col-md-4。

18.Bootstrap4中，用于创建模态框的组件是_______。

19.Bootstrap4中，用于设置按钮样式的类名通常以_______开头。

20.Bootstrap4中，用于创建表单控件的类名是_______。

四、判断题(共5题)

21.Bootstrap4中，所有组件都需要包含在容器（container）类中。()

A.正确