《Bootstrap响应式Web前端开发》(慕课版)自测试卷及答案 共5套 试卷1.pdfVIP

《Bootstrap响应式Web前端开发》（慕课版）

自测试卷及答案

自测试卷1

一、选择题

1、bootstrap中，以下哪个类名无法设置文本的粗细（）

A、font-weight-lightB、font-weight-bold

C、font-weight-bolderD、text-wrap

2、添加比常规尺寸更大的输入框时，添加的类名为（），添加别常规尺寸更小的输入框

时，添加的类名为（）

A、form-sm，form-lgB、form-control-lg，form-control-sm

C、form-control-lg，form-control-smD、form-lg，form-sm

3、以下哪个是bootstrap的优点（）

A、响应式布局B、移动设备优先

C、简单易上手D、以上都对

4、如果要实现手风琴效果的折叠面板，那么需要为多个.collpase添加（）属性。

A、hrefB、target

C、data-parentD、parent

5、使用卡片组排列卡片组件的类名是（），使用卡片阵列排列卡片组件的类名是（）

A、card-group，.card-deckB、.card-deck，.card-deck

C、card-group，card-groupD、.card-deck，card-group

6、下面类名中，可以添加比常规加载动画尺寸更小的加载动画的是（）

A、spinner-grow-smB、spinner-border-sm

C、AB都是D、AB都不是

7、如果要为每个选项卡添加渐入渐出式效果，则应该为每一个tab-pane添加类名（）。

A、shadowB、animate

C、fadeD、fadeIn

8、下列说法错误的是（）

A、设置项目垂直对齐需要为每个项目添加类名justify-content-*

B、设置项目垂直对齐需要为项目的容器.row添加类名align-items-*

C、设置项目水平对齐需要为项目的父元素.row添加类名justify-content-*

D、如果要将项目进行换行时，可以新添加div.row实现

9、在引用了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

10、以下类名中，为弹性项目添加正向包裹的类名为（）。

A、flex-wrapB、flex-nowrap

C、flex-wrap-reverseD、都不是

二、填空题

1、使网格布局时，如果要设置某个项目在超小屏幕中（屏幕宽度＜576px）占据整行，

而中等屏幕中（屏幕宽度≥768px）占据4列，则应该为项目添加类名为_________。

2、添加选项卡时，通过为菜单项a标签的________属性实现菜单项与选项卡面板一一

对应。

3、使用列表组时，列表组的容器类名为____________，列表组中