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

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

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

答案:Bbootstrap1的推出時間為（）

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

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

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

答案:C以下哪個效果或組件可以通過bootstrap快速實現(xiàn)（）

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

答案:Dbootstrap-reboot.css文件的作用為（）

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

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

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

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

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

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

A:對B:錯

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

A:錯B:對

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

A:對B:錯

答案:A

項目二測試

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

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

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

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

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

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

答案:B閱讀以下代碼，當屏幕寬度≥576px時，該項目占據(jù)（）列，當屏幕寬度≥992時，該項目占據(jù)（）列。

<divclass="container">

<divclass="row">

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

</div>

</div>

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

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

<divclass="container">

<divclass="row">

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

</div>

</div>

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

答案:D視口(viewport)和窗口(window)是兩個不同的概念。（）

A:對B:錯

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

A:對B:錯

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

A:錯B:對

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

A:對B:錯

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

A:錯B:對

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

A:錯B:對

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

A:對B:錯

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

A:對B:錯

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

A:錯B:對

答案:B

項目三測試

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

A:borderB:border-topC:border-bottomD:border-0

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

A:border-topB:border-0C:borderD:border-bottom

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

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

答案:B設(shè)置元素向左浮動的的類名為（）

A:clearfixB:float-noneC:float-leftD:float-right

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

A:float-rightB:clearfixC:float-leftD:float-none

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

A:對B:錯

答案:A

項目四測試

在引入了bootstrap的前提下，下面哪個選項可以為文字調(diào)用標題樣式（）。

A:<p>你好</p>B:<pclass="h1">你好</p>C:<ptitle="h1">你好</p>D:<pid="h1">你好</p>

答案:B使用bootstrap清除列表樣式，使用的類名是（）

A:list-noneB:listC:list-unstyledD:list-style:none

答案:Cbootstrap中，以下哪個類名可以設(shè)置圖片的效果（）

A:rounded-pillB:roundedC:img-fluidD:其余三項全都是

答案:Dbootstrap中，以下哪個類名無法設(shè)置文本的粗細（）

A:font-weight-boldB:text-wrapC:font-weight-lightD:font-weight-bolder

答案:Bbootstrap中，以下哪個類名可以設(shè)置表格的條紋樣式（）

A:table-borderedB:table-darkC:table-smD:table-striped

答案:DBootstrap提供了副標題樣式，添加副標題時，讀者需要使用<small>標簽將副標題內(nèi)容括起來，或者為標簽設(shè)置類名.small。（）

A:錯B:對

答案:B在Bootstrap中，類名.text-body，設(shè)置文字顏色為#fff。（）

A:對B:錯

答案:B條紋狀表格指的是表格呈現(xiàn)為隔行變色，需要制作條紋狀表格，為表格標簽<table>添加類名.table-striped即可。（）

A:錯B:對

答案:B在Html5中表單包括表單域和相關(guān)表單控件，如單選框、復(fù)選框、按鈕、輸入框、下拉菜單等。Bootstrap中的表單支持這些表單控件，并且定義了自己的樣式。（）

A:對B:錯

答案:ABootstrap中預(yù)設(shè)了2種按鈕尺寸，分別是大按鈕、小按鈕。（）

A:對B:錯

答案:B

項目五測試

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

A:dropmenuB:.navC:input-groupD:form-inline

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

A:disableB:activedC:disabledD:active

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

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

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

A:nav-certicalB:nav-columnC:flex-columnD:flex-vertical

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

A:nav-logoB:navbar-textC:navbar-brandD:nav-items

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

A:錯B:對

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

A:對B:錯

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

A:錯B:對

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

A:錯B:對

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

A:錯B:對

答案:B

項目六測試

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

A:data-targetB:hrefC:data-hrefD:to

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

A:carouselB:collapseC:carousel-bodyD:collapse-body

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

A:hrefB:data-targetC:data-hrefD:target

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

A:targetB:data-targetC:data-hrefD:href

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

A:錯B:對

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

A:錯B:對

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

A:對B:錯

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

A:錯B:對

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

A:錯B:對

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

A:錯B:對

答案:A

項目七測試

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

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

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

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

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

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

答案:D下面代碼所實現(xiàn)的功能，說法正確的是（）

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

if(result){

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

}

else{

bootbox.alert("已取消")

}

})

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