Bootstrap响应式Web前端开发自测试卷及答案 .pdf

Bootstrap 响应式Web 前端开发自测试卷及 答案 自测试卷 1 一、选择题 1、bootstrap 中，以下哪个类名无法设置文本的粗细（） A 、font-weight-lightB 、font-weight-bold C 、font-weight-bolder D 、text-wrap 2、添加比常规尺寸更大的输入框时，添加的类名为（），添加别常规尺寸更小的输入框 时，添加的类名为（） A 、form-sm，form-lg B 、form-control-lg ，form-control-sm C 、form-control-lg ，form-control-sm D 、form-lg ，form- sm 3、以下哪个是bootstrap 的优点（） A 、响应式布局B 、移动设备优先 C 、简单易上手D 、以上都对 4 、如果要实现手风琴效果的折叠面板，那么需要为多个.collpase 添加（）属性。 A 、href B 、target C 、data-parent D 、parent 5、使用卡片组排列卡片组件的类名是（），使用卡片阵列排列卡片组件的类名是（） A 、card-group ，.card-deck B 、.card-deck，.card-deck C 、card-group ，card-groupD 、.card-deck，card-group 6、下面类名中，可以添加比常规加载动画尺寸更小的加载动画的是（） A 、spinner-grow-sm B 、spinner-border-sm C 、AB 都是 D 、AB 都不是 7 、如果要为每个选项卡添加渐入渐出式效果，则应该为每一个tab-pane 添加类名（）。 A 、shadow B 、animate C 、fade D 、fadeIn 8、下列说法错误的是（） A 、设置项目垂直对齐需要为每个项目添加类名justify-content-* B 、设置项目垂直对齐需要为项目的容器.row 添加类名align-items-* C 、设置项目水平对齐需要为项目的父元素.row 添加类名justify-content-* D 、如果要将项目进行换行时，可以新添加div.row 实现 9、在引用了 bootstrap 的前提下，下面代码 中所实现的项目的顺序是（） div style= class=d-flex div class=order-2项目1/div div class=order-1项目2/div div项目3/div /div A 、项目1、项目2、项目3 B 、项目1、项目3、项目2 C 、项目3、项目1、项目2 D 、项目3、项目2、项目1 10、以下类名中，为弹性项目添加正向包裹的类名为（）。 A 、flex-wrap B 、flex-nowrap C 、flex-wrap-reverse D 、都不是 二、填空题 1、使网格布局时，如果要设置某个项目在超小屏幕中（屏幕宽度＜576px ）占据整行， 而中等屏幕中（屏幕宽度≥768px ）占据4 列，则应该为项目添加类名为_________ 。 2、添加选项卡时，通过为菜单项a 标签的________属性实现菜单项与选项卡面板一一 对应。 3 、使用列表组时，列表组的容器类名为____________ ，列表组中的项目的类名为 _________ 。 4 、如果要添加旋转的加载动画，那么使用__________类名即可 5、bootstrap