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

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

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

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

答案:Bbootstrap1的推出時(shí)間為（）

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

答案:A

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

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

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

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

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

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

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

答案:B閱讀以下代碼，當(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:6，6B:項(xiàng)目本身寬度，項(xiàng)目本身寬度C:6，項(xiàng)目本身寬度D:項(xiàng)目本身寬度，6

答案:A閱讀以下代碼，當(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:2，6B:6，6C:2，2D:6，2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

答案:B

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

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

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

答案:C清除元素的浮動(dòng)使用的類名有（）

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

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

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

答案:A

項(xiàng)目四測(cè)試

在引入了bootstrap的前提下，下面哪個(gè)選項(xiàng)可以為文字調(diào)用標(biā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中，以下哪個(gè)類名可以設(shè)置圖片的效果（）

A:rounded-pillB:roundedC:img-fluidD:其余三項(xiàng)全都是

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

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

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

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

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

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

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

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

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

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

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

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

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

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

答案:B

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

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

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

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

A:disableB:activedC:disabledD:active

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

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)航欄添加商標(biāo)，那么應(yīng)該為商標(biāo)添加類名（）。

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

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

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

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

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

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

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

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

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

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

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

答案:B

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

答案:A

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

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

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

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

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

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

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

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

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

if(result){

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

}

else{

bootbox.alert("已取消")

}

})

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