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

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-flexdiv class=order-2项目1/divdiv class=order-1项目2/divdiv项目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预设了小、常规尺寸、大三个尺寸的分页组件，分别实用类名_________、_________、___________来定义着三种尺寸的分页组件。 三、简答题 1、如何将文字中的英文转换为大写？如何转换为小写？ 2、如何设置元素向左浮动或者向右浮动，如何清除浮动？ 自测试卷2 一、选择题 1、在引用了bootstrap的前提下，下面代码中所实现的项目的顺序是（） div style= class=d-flexdiv class=order-2项目1/divdiv class=order-1项目2/divdiv项目3/div/div A、项目1、项目2、项目3 B、项目1、项目3、项目2 C、项目3、项目1、项目