Bootstrap移动开发知到智慧树期末考试答案题库2024年秋黑龙江农业工程职业学院

Bootstrap移动开发知到智慧树期末考试答案题库2024年秋黑龙江农业工程职业学院在Bootstrap中，类名.text-secondary，设置文字颜色为#28a745。（）

A:对B:错

答案:B:错

在网站设计的过程中需要将两个按钮分开，需要在按钮li上分别添加previous和next样式。（）

A:对B:错

答案:对

Bootstrap中添加分离式下拉菜单方法与添加单一按钮式下拉菜单的方式类似，只需要添加类名.dropdown-toggle-split来对下拉选项做适当的间距处理。（）

A:对B:错

答案:对

栅格系统可以再次嵌套，即在一个列里再声明一个或多行（row）。（）

A:对B:错

答案:A:对

滚动监听组件会根据滚动的位置，自动更新导航条的目标，以正确显示页面所在的位置，通常添加滚动监听组件通常需要两步。（）

A:错B:对

答案:对

Bootstrap中通过一些颜色来实现强调文本效果，并且Bootstrap提供了一些类名来设置文字的颜色。（）

A:对B:错

答案:对

媒体对象在网站设计中是基于弹性盒的，所以要设置媒体对象的垂直对齐方式，仅须为媒体元素添加.align-self-*类名即可。（）

A:对B:错

答案:B

加载动画位置还可以通过文本对齐的方式来实现，即通过为.spinner-border或.spinner-grow的父元素添加类名.text-left等来设置加载动画左对齐、居中对齐或者右对齐。（）

A:错B:对

答案:对

使用输入框组件很简单，只需要在容器上应用.input-group样式，然后对需要在文本输入框前后显示个性元素应用.input-group-addon样式即可。（）

A:对B:错

答案:A:对

折叠面板应用需要有开关的，标签和标签可以实现开关功能，并且可以实现一对多的，即一个开关可以控制多个折叠面板。（）

A:错B:对

答案:错

黏性定位(position:stikey)是一种特殊的定位方式，是因为结合了position:relative和position:fixed这两种定位方式。（）

A:错B:对

答案:A:错

最基本的列表组的使用可以通过为无序列表添加类名.list-group，然后为列表项添加类名.list-group-item来实现。（）

A:错B:对

答案:对

滚动监听需要设置position:relative;；在要监视的元素上，通常是在上设置。（）

A:错B:对

答案:A:错

手风琴折叠面板使用内部折叠，使其可折叠。要渲染展开的手风琴，请在.accordion上添加.open类。（）

A:对B:错

答案:A:对

普通导航的ul元素上应用.navbar-nav样式，然后在父级容器上应用.navbar样式。（）

A:对B:错

答案:对

Bootstrap中重置了该标签的外边距，设置外边距margin的值为1rem，使其与其他元素更加一致。（）

A:对B:错

答案:对

Bootstrap中使用输入框组件时，根据网站设计需要，可以在输入框两侧添加按钮。（）

A:对B:错

答案:对

制作响应式表格，设置类目.table-responsive-lg，其属性当浏览器窗口宽度大于767.98px且浏览器窗口中无法放置表格所有内容时，显示滚动条。（）

A:对B:错

答案:B:错

Bootstrap中提供了dl-horizontal样式，通过在dl元素上应用样式，可以实现列表水平显示。（）

A:对B:错

答案:A:对

轮播组件的方法carousel(“pause”)功能从左到右循环播放。（）

A:对B:错

答案:B:错

Bootstrap中通过添加类.row并且使用.col-*-*等网格组件来指定标签可以建立水平表单。（）

A:错B:对

答案:对

选项卡事件shown.bs.tab描述该事件在选项卡即将显示还未显示之前触发。（）

A:对B:错

答案:A:对

Bootstrap提供了内联列表样式，应用内联列表样式能使各列表项在同一行显示。（）

A:错B:对

答案:对

42Bootstrap中如果用户不希望修改文本框的值，可以在标签中添加readonly属性。（）

A:对B:错

答案:对

边框设置圆角是常用的公共样式，具体包括为某个方向设置圆角、设置圆角的类型以及大小。（）

A:对B:错

答案:A:对

轮播图组件中的轮播动画除了轮播效果外，还包括渐入渐出的动画效果。（）

A:对B:错

答案:对

通过使用aria-current="page"表示当前页面或使用aria-current="true"表示集中的当前项目。（）

A:对B:错

答案:B:错

在Bootstrap中，类名.text-primary，设置文字颜色为#007bff。（）

A:对B:错

答案:对

Bootstrap中使用输入框组件时，可以直接将.input-group和.form-group混合使用。（）

A:对B:错

答案:A

渐变缩放加载动画的设置是通过类名.spinner-grow来实现的，并且要设置动画的颜色，同样需要类名.text-*。（）

A:对B:错

答案:A:对

以下哪个类名不能将文本设置为斜体（）

A:text-uppercaseB:text-leftC:text-wrapD:font-italic

答案:font-italic

以下哪个类名是bootstrap中设置项目从主轴起始位置开始排列（）

A:justify-content-startB:justify-content-betweenC:align-item-startD:align-item-end

答案:justify-content-start

以下哪个类名用于设置元素的背景颜色（）

A:table-dangerB:bg-dangerC:text-dangerD:border-danger

答案:bg-danger

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

A:form-control-lg，form-control-smB:form-sm，form-lgC:form-control-lg，form-control-smD:form-lg，form-sm

答案:form-control-lg，form-control-sm

添加模态框时，模态框的容器用（）类名定义。

A:modalB:modal-titleC:modal-headD:modal-body

答案:modal

如果要添加白绿相间条纹状的进度条动画，那么为.progress-bar添加类名为（）

A:progress-bar-stripedB:ABC都需要C:bg-successD:progress-bar-animated

答案:ABC都需要

使用bootstrap将按钮固定为激活状态，则使用的类名为（）。

A:activeB:disableC:disabledD:actived

答案:active

为轮播组件添加向前滚动的按钮，那么该按钮的容器的类名为（）

A:carousel-indicatorsB:carousel-control-prevC:carousel-control-nextD:carousel-inner

答案:carousel-control-prev

以下哪个类名用于设置文本的颜色（）

A:text-dangerB:table-dangerC:bg-dangerD:border-danger

答案:text-danger

使用列表组组件时，需要为列表组容器添加类名（）

A:list-groupB:list-group-itemC:input-groupD:list

答案:list-group

以下哪个类名不是用于设置文本的对齐方式（）

A:text-rightB:text-leftC:text-centerD:text-break

答案:text-break

以下类名中，用于设置弹性项目的增长能力的类名为（），用于设置弹性项目的缩小能力的类名为（）。

A:flex-grow-*、flex-shrink-*B:与flex-shrink-*、flex-grow-*C:都为flex-grow-*D:都为flex-shrink-*

答案:A:flex-grow-*、flex-shrink-*

切换模态框的状态，使用的方法是（）

A:modal(“toggle”)B:modal(“hide”)C:modal(“dispose”)D:modal(“show”)

答案:A:modal("toggle")

设置进度条的背景颜色所使用的类名为（）

A:text-*B:bg-*C:progressbar-*D:progress-*

答案:bg-*

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

A:targetB:parentC:data-parentD:href

答案:data-parent

添加表单时，如果将文本框显示为只读，那么使用的属性为（），如果使用bootstrap将其设置为只读纯文本，则添加的类名为（）。

A:form-control-plaintext，readonly=”readonly”B:redonly,form-control-plaintextC:readonly=”readonly”,disableD:form-control-plaintext，readonly

答案:B:readonly,form-control-plaintext

如果要添加旋转加载动画，那么使用的类名为（）

A:spinner-animationB:spinner-growC:spinner-borderD:其它选项都不对

答案:C:spinner-border

添加媒体对象时，使用的组件是（）

A:mediaB:input-groupC:media-bodyD:form-inline

答案:media

定义滚动监听的元素时，需要为该元素添加（）属性

A:data-spyB:data-targetC:data-scrollD:data-placement

答案:data-spy

如果要使用bootstrap添加按钮为红色按钮，则可以为按钮添加类名为（）。

A:btn-redB:btn-dangerC:text-dangerD:bg-red

答案:btn-danger

使用bootstrap将文本框禁用，则使用的类名为（）。

A:activeB:disableC:disabledD:actived

答案:C:disabled

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

A:card-group，.card-deckB:.card-deck，card-groupC:.card-deck，.card-deckD:card-group，card-group

答案:A:card-group，.card-deck

如果要将元素固定在网页顶部，则需要添加类名（）

A:fixed-bottomB:border-topC:syicky-topD:fixed-top

答案:fixed-top

要为警告框添加关闭按钮，那么需要为该按钮添加（）属性，才可以做到关闭按钮能正确的响应事件。

A:其余三项都不对B:alert(“close”)C:close()D:close

答案:D:close

浮动排列卡片组件时，使用的类名是（）

A:floatB:card-columnC:card-floatD:column

答案:B:card-column

想要添加进度条，可以使用（）组件

A:navbarB:progressC:badgeD:button

答案:progress

设置下拉菜单向左展开则使用的类名为（），设置下拉菜单向上展开，使用的类名为（）。

A:drop-left,dropupB:dropleft,dropupC:drop-left,drop-upD:dropleft,drop-up

答案:B:dropleft,dropup

如果要为徽章添加链接效果，那么可以使用（）标签来添加徽章。

A:buttonB:spanC:aD:input

答案:C:a

如果要添加内联式表单，则添加的类名为（）

A:form-controlB:input-inlineC:d-inlineD:form-inline

答案:D:form-inline

定义模态框时，模态框的主体内容应放置在（）中

A:modalB:modal-titleC:modal-bodyD:modal-head

答案:modal-body

在引用了bootstrap的前提下，下面代码中所实现的项目的顺序是（）项目1项目2项目3

A:项目1、项目3、项目2B:项目3、项目2、项目1C:项目3、项目1、项目2D:项目1、项目2、项目3

答案:C:项目3、项目1、项目2

以下哪个类名是bootstrap中设置弹性盒的方向为水平反向（）

A:flex-rowB:flex-row-reverseC:flex-