Bootstrap移動(dòng)開發(fā)知到智慧樹期末考試答案題庫2024年秋黑龍江農(nóng)業(yè)工程職業(yè)學(xué)院

Bootstrap移動(dòng)開發(fā)知到智慧樹期末考試答案題庫2024年秋黑龍江農(nóng)業(yè)工程職業(yè)學(xué)院在Bootstrap中，類名.text-secondary，設(shè)置文字顏色為#28a745。（）

A:對(duì)B:錯(cuò)

答案:B:錯(cuò)

在網(wǎng)站設(shè)計(jì)的過程中需要將兩個(gè)按鈕分開，需要在按鈕li上分別添加previous和next樣式。（）

A:對(duì)B:錯(cuò)

答案:對(duì)

Bootstrap中添加分離式下拉菜單方法與添加單一按鈕式下拉菜單的方式類似，只需要添加類名.dropdown-toggle-split來對(duì)下拉選項(xiàng)做適當(dāng)?shù)拈g距處理。（）

A:對(duì)B:錯(cuò)

答案:對(duì)

柵格系統(tǒng)可以再次嵌套，即在一個(gè)列里再聲明一個(gè)或多行（row）。（）

A:對(duì)B:錯(cuò)

答案:A:對(duì)

滾動(dòng)監(jiān)聽組件會(huì)根據(jù)滾動(dòng)的位置，自動(dòng)更新導(dǎo)航條的目標(biāo)，以正確顯示頁面所在的位置，通常添加滾動(dòng)監(jiān)聽組件通常需要兩步。（）

A:錯(cuò)B:對(duì)

答案:對(duì)

Bootstrap中通過一些顏色來實(shí)現(xiàn)強(qiáng)調(diào)文本效果，并且Bootstrap提供了一些類名來設(shè)置文字的顏色。（）

A:對(duì)B:錯(cuò)

答案:對(duì)

媒體對(duì)象在網(wǎng)站設(shè)計(jì)中是基于彈性盒的，所以要設(shè)置媒體對(duì)象的垂直對(duì)齊方式，僅須為媒體元素添加.align-self-*類名即可。（）

A:對(duì)B:錯(cuò)

答案:B

加載動(dòng)畫位置還可以通過文本對(duì)齊的方式來實(shí)現(xiàn)，即通過為.spinner-border或.spinner-grow的父元素添加類名.text-left等來設(shè)置加載動(dòng)畫左對(duì)齊、居中對(duì)齊或者右對(duì)齊。（）

A:錯(cuò)B:對(duì)

答案:對(duì)

使用輸入框組件很簡(jiǎn)單，只需要在容器上應(yīng)用.input-group樣式，然后對(duì)需要在文本輸入框前后顯示個(gè)性元素應(yīng)用.input-group-addon樣式即可。（）

A:對(duì)B:錯(cuò)

答案:A:對(duì)

折疊面板應(yīng)用需要有開關(guān)的，標(biāo)簽和標(biāo)簽可以實(shí)現(xiàn)開關(guān)功能，并且可以實(shí)現(xiàn)一對(duì)多的，即一個(gè)開關(guān)可以控制多個(gè)折疊面板。（）

A:錯(cuò)B:對(duì)

答案:錯(cuò)

黏性定位(position:stikey)是一種特殊的定位方式，是因?yàn)榻Y(jié)合了position:relative和position:fixed這兩種定位方式。（）

A:錯(cuò)B:對(duì)

答案:A:錯(cuò)

最基本的列表組的使用可以通過為無序列表添加類名.list-group，然后為列表項(xiàng)添加類名.list-group-item來實(shí)現(xiàn)。（）

A:錯(cuò)B:對(duì)

答案:對(duì)

滾動(dòng)監(jiān)聽需要設(shè)置position:relative;；在要監(jiān)視的元素上，通常是在上設(shè)置。（）

A:錯(cuò)B:對(duì)

答案:A:錯(cuò)

手風(fēng)琴折疊面板使用內(nèi)部折疊，使其可折疊。要渲染展開的手風(fēng)琴，請(qǐng)?jiān)?accordion上添加.open類。（）

A:對(duì)B:錯(cuò)

答案:A:對(duì)

普通導(dǎo)航的ul元素上應(yīng)用.navbar-nav樣式，然后在父級(jí)容器上應(yīng)用.navbar樣式。（）

A:對(duì)B:錯(cuò)

答案:對(duì)

Bootstrap中重置了該標(biāo)簽的外邊距，設(shè)置外邊距margin的值為1rem，使其與其他元素更加一致。（）

A:對(duì)B:錯(cuò)

答案:對(duì)

Bootstrap中使用輸入框組件時(shí)，根據(jù)網(wǎng)站設(shè)計(jì)需要，可以在輸入框兩側(cè)添加按鈕。（）

A:對(duì)B:錯(cuò)

答案:對(duì)

制作響應(yīng)式表格，設(shè)置類目.table-responsive-lg，其屬性當(dāng)瀏覽器窗口寬度大于767.98px且瀏覽器窗口中無法放置表格所有內(nèi)容時(shí)，顯示滾動(dòng)條。（）

A:對(duì)B:錯(cuò)

答案:B:錯(cuò)

Bootstrap中提供了dl-horizontal樣式，通過在dl元素上應(yīng)用樣式，可以實(shí)現(xiàn)列表水平顯示。（）

A:對(duì)B:錯(cuò)

答案:A:對(duì)

輪播組件的方法carousel(“pause”)功能從左到右循環(huán)播放。（）

A:對(duì)B:錯(cuò)

答案:B:錯(cuò)

Bootstrap中通過添加類.row并且使用.col-*-*等網(wǎng)格組件來指定標(biāo)簽可以建立水平表單。（）

A:錯(cuò)B:對(duì)

答案:對(duì)

選項(xiàng)卡事件shown.bs.tab描述該事件在選項(xiàng)卡即將顯示還未顯示之前觸發(fā)。（）

A:對(duì)B:錯(cuò)

答案:A:對(duì)

Bootstrap提供了內(nèi)聯(lián)列表樣式，應(yīng)用內(nèi)聯(lián)列表樣式能使各列表項(xiàng)在同一行顯示。（）

A:錯(cuò)B:對(duì)

答案:對(duì)

42Bootstrap中如果用戶不希望修改文本框的值，可以在標(biāo)簽中添加readonly屬性。（）

A:對(duì)B:錯(cuò)

答案:對(duì)

邊框設(shè)置圓角是常用的公共樣式，具體包括為某個(gè)方向設(shè)置圓角、設(shè)置圓角的類型以及大小。（）

A:對(duì)B:錯(cuò)

答案:A:對(duì)

輪播圖組件中的輪播動(dòng)畫除了輪播效果外，還包括漸入漸出的動(dòng)畫效果。（）

A:對(duì)B:錯(cuò)

答案:對(duì)

通過使用aria-current="page"表示當(dāng)前頁面或使用aria-current="true"表示集中的當(dāng)前項(xiàng)目。（）

A:對(duì)B:錯(cuò)

答案:B:錯(cuò)

在Bootstrap中，類名.text-primary，設(shè)置文字顏色為#007bff。（）

A:對(duì)B:錯(cuò)

答案:對(duì)

Bootstrap中使用輸入框組件時(shí)，可以直接將.input-group和.form-group混合使用。（）

A:對(duì)B:錯(cuò)

答案:A

漸變縮放加載動(dòng)畫的設(shè)置是通過類名.spinner-grow來實(shí)現(xiàn)的，并且要設(shè)置動(dòng)畫的顏色，同樣需要類名.text-*。（）

A:對(duì)B:錯(cuò)

答案:A:對(duì)

以下哪個(gè)類名不能將文本設(shè)置為斜體（）

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

答案:font-italic

以下哪個(gè)類名是bootstrap中設(shè)置項(xiàng)目從主軸起始位置開始排列（）

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

答案:justify-content-start

以下哪個(gè)類名用于設(shè)置元素的背景顏色（）

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

答案:bg-danger

添加比常規(guī)尺寸更大的輸入框時(shí)，添加的類名為（），添加別常規(guī)尺寸更小的輸入框時(shí)，添加的類名為（）

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

添加模態(tài)框時(shí)，模態(tài)框的容器用（）類名定義。

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

答案:modal

如果要添加白綠相間條紋狀的進(jìn)度條動(dòng)畫，那么為.progress-bar添加類名為（）

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

答案:ABC都需要

使用bootstrap將按鈕固定為激活狀態(tài)，則使用的類名為（）。

A:activeB:disableC:disabledD:actived

答案:active

為輪播組件添加向前滾動(dòng)的按鈕，那么該按鈕的容器的類名為（）

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

答案:carousel-control-prev

以下哪個(gè)類名用于設(shè)置文本的顏色（）

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

答案:text-danger

使用列表組組件時(shí)，需要為列表組容器添加類名（）

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

答案:list-group

以下哪個(gè)類名不是用于設(shè)置文本的對(duì)齊方式（）

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

答案:text-break

以下類名中，用于設(shè)置彈性項(xiàng)目的增長(zhǎng)能力的類名為（），用于設(shè)置彈性項(xiàng)目的縮小能力的類名為（）。

A:flex-grow-*、flex-shrink-*B:與flex-shrink-*、flex-grow-*C:都為flex-grow-*D:都為flex-shrink-*

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

切換模態(tài)框的狀態(tài)，使用的方法是（）

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

答案:A:modal("toggle")

設(shè)置進(jìn)度條的背景顏色所使用的類名為（）

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

答案:bg-*

如果要實(shí)現(xiàn)手風(fēng)琴效果的折疊面板，那么需要為多個(gè).collpase添加（）屬性。

A:targetB:parentC:data-parentD:href

答案:data-parent

添加表單時(shí)，如果將文本框顯示為只讀，那么使用的屬性為（），如果使用bootstrap將其設(shè)置為只讀純文本，則添加的類名為（）。

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

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

如果要添加旋轉(zhuǎn)加載動(dòng)畫，那么使用的類名為（）

A:spinner-animationB:spinner-growC:spinner-borderD:其它選項(xiàng)都不對(duì)

答案:C:spinner-border

添加媒體對(duì)象時(shí)，使用的組件是（）

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

答案:media

定義滾動(dòng)監(jiān)聽的元素時(shí)，需要為該元素添加（）屬性

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

如果要將元素固定在網(wǎng)頁頂部，則需要添加類名（）

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

答案:fixed-top

要為警告框添加關(guān)閉按鈕，那么需要為該按鈕添加（）屬性，才可以做到關(guān)閉按鈕能正確的響應(yīng)事件。

A:其余三項(xiàng)都不對(duì)B:alert(“close”)C:close()D:close

答案:D:close

浮動(dòng)排列卡片組件時(shí)，使用的類名是（）

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

答案:B:card-column

想要添加進(jìn)度條，可以使用（）組件

A:navbarB:progressC:badgeD:button

答案:progress

設(shè)置下拉菜單向左展開則使用的類名為（），設(shè)置下拉菜單向上展開，使用的類名為（）。

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

答案:B:dropleft,dropup

如果要為徽章添加鏈接效果，那么可以使用（）標(biāo)簽來添加徽章。

A:buttonB:spanC:aD:input

答案:C:a

如果要添加內(nèi)聯(lián)式表單，則添加的類名為（）

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

答案:D:form-inline

定義模態(tài)框時(shí)，模態(tài)框的主體內(nèi)容應(yīng)放置在（）中

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

答案:modal-body

在引用了bootstrap的前提下，下面代碼中所實(shí)現(xiàn)的項(xiàng)目的順序是（）項(xiàng)目1項(xiàng)目2項(xiàng)目3

A:項(xiàng)目1、項(xiàng)目3、項(xiàng)目2B:項(xiàng)目3、項(xiàng)目2、項(xiàng)目1C:項(xiàng)目3、項(xiàng)目1、項(xiàng)目2D:項(xiàng)目1、項(xiàng)目2、項(xiàng)目3

答案:C:項(xiàng)目3、項(xiàng)目1、項(xiàng)目2

以下哪個(gè)類名是bootstrap中設(shè)置彈性盒的方向?yàn)樗椒聪颍ǎ?/p>

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