bootstrap面试题目及答案.docxVIP

bootstrap面试题目及答案

姓名：____________________

一、多项选择题（每题2分，共20题）

1.下列哪些是Bootstrap中的栅格系统组件？

A.Row

B.Col

C.Container

D.Grid

2.以下哪个是Bootstrap的响应式实用类？

A.xs

B.sm

C.md

D.lg

3.在Bootstrap中，如何实现一个水平居中的按钮？

A.使用text-align:center;样式

B.使用margin:auto;样式

C.使用btn-group样式

D.使用btn-block样式

4.Bootstrap中的模态框（Modal）默认的触发方式是什么？

A.点击

B.鼠标悬停

C.点击后悬停

D.点击后自动关闭

5.以下哪个是Bootstrap中的下拉菜单组件？

A.Dropdown

B.Dropdown-menu

C.Dropdown-item

D.Dropdown-toggle

6.在Bootstrap中，如何使一个按钮具有圆形样式？

A.使用border-radius属性

B.使用rounded类

C.使用circle类

D.使用rounded-circle类

7.以下哪个是Bootstrap中的表格样式？

A.table

B.table-bordered

C.table-striped

D.table-hover

8.在Bootstrap中，如何使一个段落居中？

A.使用text-align:center;样式

B.使用margin:auto;样式

C.使用text-center类

D.使用margin:0auto;样式

9.以下哪个是Bootstrap中的输入框组件？

A.Input

B.Form-control

C.Form-group

D.Form-label

10.在Bootstrap中，如何实现一个标签页（Tab）？

A.使用nav-tabs样式

B.使用nav-pills样式

C.使用nav-tabs类

D.使用nav-pills类

11.以下哪个是Bootstrap中的警告框（Alert）组件？

A.Alert

B.Alert-dismissible

C.Alert-primary

D.Alert-success

12.在Bootstrap中，如何实现一个轮播图（Carousel）？

A.使用carousel样式

B.使用carousel-item样式

C.使用carousel-control-prev样式

D.使用carousel-control-next样式

13.以下哪个是Bootstrap中的图标库？

A.FontAwesome

B.Glyphicons

C.BootstrapIcons

D.IconMoon

14.在Bootstrap中，如何实现一个按钮组（Button-group）？

A.使用btn-group样式

B.使用btn-group-vertical样式

C.使用btn-group-lg样式

D.使用btn-group-sm样式

15.以下哪个是Bootstrap中的进度条（Progress）组件？

A.Progress

B.Progress-bar

C.Progress-bar-striped

D.Progress-bar-animated

16.在Bootstrap中，如何实现一个媒体对象（Media）？

A.使用media样式

B.使用media-body样式

C.使用media-left样式

D.使用media-right样式

17.以下哪个是Bootstrap中的卡片（Card）组件？

A.Card

B.Card-body

C.Card-header

D.Card-footer

18.在Bootstrap中，如何实现一个列表组（List-group）？

A.使用list-group样式

B.使用list-group-item样式

C.使用list-group-activel样式

D.使用list-group-disabled样式

19.以下哪个是Bootstrap中的响应式布局实用类？

A.xs

B.sm

C.md

D.lg

20.在Bootstrap中，如何实现一个搜索框（Search）？

A.使用form-control样式

B.使用form-group样式

C.使用form-inline样式

D.使用form-label样式

二、判断题（每题2分，共10题）

1.Bootstrap的栅格系统默认宽度为100%