Bootstrap移動(dòng)開(kāi)發(fā)知到智慧樹(shù)章節(jié)測(cè)試課后答案2024年秋黑龍江農(nóng)業(yè)工程職業(yè)學(xué)院

Bootstrap移動(dòng)開(kāi)發(fā)知到智慧樹(shù)章節(jié)測(cè)試課后答案2024年秋黑龍江農(nóng)業(yè)工程職業(yè)學(xué)院項(xiàng)目一單元測(cè)試

以下關(guān)于bootstrap的說(shuō)法，不正確的是（）

A:bootstrap基于HTML、CSS和JavaScriptB:網(wǎng)格布局時(shí)，可以將一行項(xiàng)目分為12列C:其他三項(xiàng)都不對(duì)D:它是前段響應(yīng)式框架

答案:其他三項(xiàng)都不對(duì)bootstrap1的推出時(shí)間為（）

A:2009B:2011C:2012D:2010

答案:2011以下哪個(gè)是bootstrap的優(yōu)點(diǎn)（）

A:其他三項(xiàng)都對(duì)B:簡(jiǎn)單易上手C:響應(yīng)式布局D:移動(dòng)設(shè)備優(yōu)先

答案:其他三項(xiàng)都對(duì)以下哪個(gè)效果或組件可以通過(guò)bootstrap快速實(shí)現(xiàn)（）

A:添加邊框B:設(shè)置文本顏色C:添加導(dǎo)航菜單D:其余三項(xiàng)都對(duì)

答案:其余三項(xiàng)都對(duì)bootstrap-reboot.css文件的作用為（）

A:各組件的樣式B:重置樣式C:網(wǎng)格布局D:其他三項(xiàng)都不對(duì)

答案:重置樣式bootstrap4中網(wǎng)格布局是將一行（.row）均分為（）列

A:14B:12C:16D:10

答案:12與bootstrap3相比，以下哪個(gè)是bootstrap4的特點(diǎn)（）

A:其他三項(xiàng)都不對(duì)B:引用了網(wǎng)格布局C:設(shè)計(jì)一套字體圖標(biāo)庫(kù)D:引用了彈性布局

答案:引用了彈性布局Bootstrap是英國(guó)Twitter公司的設(shè)計(jì)師MarkOtto(馬克●奧托)和JacobThornton(雅各布●桑頓)合作開(kāi)發(fā)的。（）

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

答案:錯(cuò)2021年8月，Twitter將其開(kāi)源，開(kāi)源頁(yè)面地址為:/Bootstrap。（）

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

答案:錯(cuò)Bootstrap的HTML組件和JavaScript組件非常豐富，并且代碼簡(jiǎn)潔，非常易于修改。（）

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

答案:對(duì)

項(xiàng)目二單元測(cè)試

使用bootstrap4中的網(wǎng)格布局時(shí)，為保證項(xiàng)目不折行顯示，一行不可以分為（）列。

A:12B:15C:7D:1

答案:15使用bootstrap4中的網(wǎng)格布局時(shí)，為保證項(xiàng)目不發(fā)生換行，一行最多可分為（）列。

A:12B:9C:15D:6

答案:12下面說(shuō)法不正確的是（）

A:當(dāng)設(shè)置項(xiàng)目在屏幕寬度大于等于992px時(shí)所占據(jù)多少列，使用的類(lèi)名為.col-lg。B:當(dāng)設(shè)置項(xiàng)目在屏幕寬度大于等于576px時(shí)所占據(jù)多少列，使用的類(lèi)名為.col-sm。C:當(dāng)設(shè)置項(xiàng)目在屏幕寬度大于等于768px時(shí)所占據(jù)多少列，使用的類(lèi)名為.col-md。D:當(dāng)設(shè)置項(xiàng)目在屏幕寬度大于等于992px時(shí)所占據(jù)多少列，使用的類(lèi)名為.col-xl。

答案:當(dāng)設(shè)置項(xiàng)目在屏幕寬度大于等于992px時(shí)所占據(jù)多少列，使用的類(lèi)名為.col-xl。閱讀以下代碼，當(dāng)屏幕寬度≥576px時(shí)，該項(xiàng)目占據(jù)（）列，當(dāng)屏幕寬度≥992時(shí)，該項(xiàng)目占據(jù)（）列。

<divclass="container">

<divclass="row">

<divclass="col-sm-6"><imgsrc="images/img.jpg"class="img-fluid"></div>

</div>

</div>

A:項(xiàng)目本身寬度，項(xiàng)目本身寬度B:項(xiàng)目本身寬度，6C:6，項(xiàng)目本身寬度D:6，6

答案:6，6閱讀以下代碼，當(dāng)屏幕寬度≥768px時(shí)，占據(jù)（）列，當(dāng)屏幕寬度≥1200時(shí)，占據(jù)（）列。

<divclass="container">

<divclass="row">

<divclass="col-md-6col-lg-2"><imgsrc="images/30.jpg"class="img-fluid"></div>

</div>

</div>

A:6，2B:6，6C:2，2D:2，6

答案:6，2視口(viewport)和窗口(window)是兩個(gè)不同的概念。（）

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

答案:對(duì)視覺(jué)視口是用戶(hù)當(dāng)前看到的區(qū)域，用戶(hù)可以通過(guò)縮放操作視覺(jué)視口。（）

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

答案:對(duì)媒體查詢(xún)是向不同設(shè)備提供不同樣式的一種不錯(cuò)選擇。（）

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

答案:對(duì)Bootstrap框架默認(rèn)的柵格系統(tǒng)最多為24列，形成一個(gè)960px寬的容器，默認(rèn)就是響應(yīng)式布局特性。（）

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

答案:錯(cuò)Bootstrap可以制作響應(yīng)頁(yè)面，能為不同尺寸屏幕提供不同柵格樣式。（）

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

答案:對(duì)設(shè)置響應(yīng)式浮動(dòng)的方式就是添加類(lèi)名：float-(sm|md|xl|lg}+{left|right|none}。（）

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

答案:對(duì)Bootstrap中不能通過(guò)添加類(lèi)名快速設(shè)置元素定位方式。（）

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

答案:錯(cuò)使用Bootstrap來(lái)設(shè)置元素的display樣式時(shí)，僅需要為元素添加和相應(yīng)的屬性值即可。（）

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

答案:對(duì)Bootstrap中利用display屬性設(shè)置元素的顯示和隱藏，具體實(shí)現(xiàn)方法就是通過(guò)類(lèi)名.d-none將元素隱藏，而其它類(lèi)名就可以設(shè)置元素顯示的對(duì)應(yīng)方式，例如：.d-block（將元素顯示為塊級(jí)元素）。（）

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

答案:對(duì)

項(xiàng)目三單元測(cè)試

設(shè)置元素的四面都有邊框的類(lèi)名是（）

A:border-bottomB:borderC:border-0D:border-top

答案:border清除元素所有邊框的類(lèi)名是（）

A:border-0B:border-topC:border-bottomD:border

答案:border-0下面代碼可以顯示元素上、左、右邊框的是（）

A:<divclass="border-topborder-leftborder-rightborder-info"></div>B:<divclass="borderborder-bottom-0border-info"></div>、<divclass="border-topborder-leftborder-rightborder-info"></div>都不可以C:<divclass="borderborder-bottom-0border-info"></div>D:<divclass="borderborder-bottom-0border-info"></div>、<divclass="border-topborder-leftborder-rightborder-info"></div>都可以

答案:<divclass="borderborder-bottom-0border-info"></div>、<divclass="border-topborder-leftborder-rightborder-info"></div>都可以設(shè)置元素向左浮動(dòng)的的類(lèi)名為（）

A:clearfixB:float-rightC:float-leftD:float-none

答案:float-left清除元素的浮動(dòng)使用的類(lèi)名有（）

A:clearfixB:float-leftC:float-noneD:float-right

答案:clearfixBootstrap中提供了多種邊框樣式，可以用于圖像、按鈕或者其他元素，并且這些樣式僅須添加類(lèi)名即可實(shí)現(xiàn)。（）

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

答案:對(duì)

項(xiàng)目五單元測(cè)試

添加導(dǎo)航菜單時(shí)，需要使用類(lèi)名（）。

A:.navB:form-inlineC:dropmenuD:input-group

答案:.nav添加選項(xiàng)卡時(shí)，使用類(lèi)名（）可以將該選項(xiàng)設(shè)置為激活狀態(tài)

A:disableB:activedC:disabledD:active

答案:active設(shè)置導(dǎo)航菜單的居中對(duì)齊，使用的類(lèi)名是（）

A:align-items-centerB:nav-centerC:align-content-centerD:justify-content-center

答案:justify-content-center設(shè)置導(dǎo)航欄垂直排列，使用的類(lèi)名為（）

A:nav-certicalB:flex-verticalC:nav-columnD:flex-column

答案:flex-column如果為導(dǎo)航欄添加商標(biāo)，那么應(yīng)該為商標(biāo)添加類(lèi)名（）。

A:navbar-brandB:navbar-textC:nav-logoD:nav-items

答案:navbar-brand輸入框組件指的是輸入框及其兩側(cè)定義的文本，按鈕等控件的組合。（）

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

答案:對(duì)Bootstrap中激活下拉菜單有兩種方式，第一種是在下拉菜單按鈕上添加data-toggle=“dropdown”屬性，第二種方式是添加JavaScript代碼。（）

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

答案:對(duì)導(dǎo)航欄及其內(nèi)容默認(rèn)情況下是流暢的。更改導(dǎo)航欄容器以不同方式限制其垂直高度。（）

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

答案:錯(cuò)默認(rèn)的列表組是垂直排列的，讀者可以通過(guò)添加類(lèi)名.list-group-horizontal將列表組設(shè)置為水平排列。（）

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

答案:對(duì)添加折疊面板組件需要使用類(lèi)collapse。（）

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

答案:對(duì)

項(xiàng)目六單元測(cè)試

添加滾動(dòng)監(jiān)聽(tīng)時(shí)，主要依賴(lài)（）屬性實(shí)現(xiàn)導(dǎo)航鏈接與目標(biāo)位置一一對(duì)應(yīng)。

A:hrefB:data-targetC:toD:data-href

答案:href添加折疊面板時(shí)，需要為折疊面板添加（）類(lèi)名

A:collapse-bodyB:collapseC:carouselD:carousel-body

答案:collapse使用折疊面板時(shí)，如果使用按鈕來(lái)定義折疊面板的“開(kāi)關(guān)”那么通過(guò)（）屬性實(shí)現(xiàn)“開(kāi)關(guān)”與面板的對(duì)應(yīng)。

A:data-hrefB:targetC:data-targetD:href

答案:data-target使用折疊面板時(shí)，如果使用超鏈接來(lái)定義折疊面板的“開(kāi)關(guān)”那么通過(guò)（）屬性實(shí)現(xiàn)“開(kāi)關(guān)”與面板的對(duì)應(yīng)。

A:data-hrefB:hrefC:data-targetD:target

答案:href旋轉(zhuǎn)加載動(dòng)畫(huà)的設(shè)置要通過(guò)spinner-border來(lái)實(shí)現(xiàn)。（）

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

答案:對(duì)Bootstrap一次只支持一個(gè)模式窗口，支持嵌套的modals。（）

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

答案:錯(cuò)添加多態(tài)化模態(tài)框，需要組合使用data-whatever屬性和JavaScript腳本。（）

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

答案:對(duì)Bootstrap中不使用聲明綁定data-toggle，選項(xiàng)卡組件也支持用JavaScript代碼直接初始化。（）

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

答案:對(duì)輪播圖片上存在.d-blockdisplay和.w-100，以防止瀏覽器默認(rèn)圖片對(duì)齊。（）

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

答案:錯(cuò)輪播組件的方法carousel(“prev”)功能循環(huán)輪播到下一個(gè)項(xiàng)目。（）

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

答案:錯(cuò)

項(xiàng)目七單元測(cè)試

要添加第三方bootstrap組件datapicker，那么使用的方法是（）

A:datepicker()B:其他都不對(duì)C:datepick()D:date()

答案:datepicker()使用第三方組件bootstrap后，實(shí)現(xiàn)選擇日期后，立即關(guān)閉日期選擇器，則應(yīng)該使用的方法是（）

A:其他都不對(duì)B:datepicker()C:datepicker(“autoClose”)D:datepick({autoClose:true})

答案:datepick({autoClose:true})使用第三方組件bootbox后，彈出alert警告框，警告內(nèi)容為“小心，危險(xiǎn)”那么下面代碼正確的是（）

A:bootbox.alert({message:"小心，危險(xiǎn)"})B:bootbox.alert("小心，危險(xiǎn)")C:bootbox.alert("小心，危險(xiǎn)")、bootbox.alert({message:"小心，危險(xiǎn)"})都對(duì)D:bootbox.alert("小心，危險(xiǎn)")、bootbox.alert({message:"小心，危險(xiǎn)"})都不對(duì)

答案:bootbox.alert("小心，危險(xiǎn)")、bootbox.alert({message:"小心，危險(xiǎn)"})都對(duì)下面代碼所實(shí)現(xiàn)的功能，說(shuō)法正確的是（）

bootbox.confirm("確定要關(guān)機(jī)嗎？",function(result){

if(result){

bootbox.alert("即將關(guān)機(jī)")

}

else{

bootbox.alert("已取消")

}

})

A:單擊取消按鈕顯示即將關(guān)機(jī)會(huì)話框，單擊確認(rèn)按鈕顯示已取消會(huì)話框。B:單擊確認(rèn)和取消按鈕都顯示即將關(guān)機(jī)會(huì)話框C:單擊關(guān)機(jī)和取消按鈕都顯示已取消會(huì)話框D:單擊確認(rèn)按鈕顯示即將關(guān)機(jī)會(huì)話框，單擊取消按鈕顯示已取消會(huì)話框。

答案:單擊確認(rèn)按鈕顯示即將關(guān)機(jī)會(huì)話框，單擊取消按鈕顯示已取