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

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

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

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

答案:其他三項都不對bootstrap1的推出時間為（）

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

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

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

答案:其他三項都對以下哪個效果或組件可以通過bootstrap快速實現(xiàn)（）

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

答案:其余三項都對bootstrap-reboot.css文件的作用為（）

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

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

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

答案:12與bootstrap3相比，以下哪個是bootstrap4的特點（）

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

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

A:對B:錯

答案:錯2021年8月，Twitter將其開源，開源頁面地址為:/Bootstrap。（）

A:錯B:對

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

A:錯B:對

答案:對

項目二單元測試

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

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

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

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

答案:12下面說法不正確的是（）

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

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

<divclass="container">

<divclass="row">

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

</div>

</div>

A:項目本身寬度，項目本身寬度B:項目本身寬度，6C:6，項目本身寬度D:6，6

答案:6，6閱讀以下代碼，當(dāng)屏幕寬度≥768px時，占據(jù)（）列，當(dāng)屏幕寬度≥1200時，占據(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)是兩個不同的概念。（）

A:錯B:對

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

A:對B:錯

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

A:錯B:對

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

A:錯B:對

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

A:對B:錯

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

A:錯B:對

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

A:對B:錯

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

A:對B:錯

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

A:錯B:對

答案:對

項目三單元測試

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

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

答案:border清除元素所有邊框的類名是（）

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è)置元素向左浮動的的類名為（）

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

答案:float-left清除元素的浮動使用的類名有（）

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

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

A:對B:錯

答案:對

項目五單元測試

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

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

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

A:disableB:activedC:disabledD:active

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

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

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

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

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

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

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

A:錯B:對

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

A:對B:錯

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

A:錯B:對

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

A:對B:錯

答案:對添加折疊面板組件需要使用類collapse。（）

A:錯B:對

答案:對

項目六單元測試

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

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

答案:href添加折疊面板時，需要為折疊面板添加（）類名

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

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

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

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

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

答案:href旋轉(zhuǎn)加載動畫的設(shè)置要通過spinner-border來實現(xiàn)。（）

A:錯B:對

答案:對Bootstrap一次只支持一個模式窗口，支持嵌套的modals。（）

A:對B:錯

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

A:對B:錯

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

A:錯B:對

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

A:對B:錯

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

A:對B:錯

答案:錯

項目七單元測試

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

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

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

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

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

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

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

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

if(result){

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

}

else{

bootbox.alert("已取消")

}

})

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

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