電子活頁9-4模塊9習(xí)題1．選擇題（1）Bootstrap5中，關(guān)于“justify-content-類型”中，“類型”值錯(cuò)誤的是（C）。A．startB．endC．middleD．between（2）當(dāng)表單控件數(shù)量較少時(shí)，通過為表單添加（B）類，可以實(shí)現(xiàn)行內(nèi)表單的效果。A．.form-controlB．.form-inlineC．.form-groupD．.form-horizontal（3）下面（A）類可以將按鈕改變?yōu)榇蟀粹o。A．.btn-lgB．.btn-smC．.btn-mdD．.btn-xs（4）下面選項(xiàng)中（C）類可以實(shí)現(xiàn)響應(yīng)式表格。A．.table-hoverB．.table-borderedC．.table-responsiveD．.table（5）Bootstrap5中，以下的（B）不是文本對(duì)齊的方式。A．.text-leftB．.text-middleC．.text-rightD．text-justify（6）在網(wǎng)格基本布局中，有一個(gè)特殊的類.col-auto，這個(gè)類的作用是（B）。A．占用網(wǎng)格中的12列B．根據(jù)內(nèi)容的大小自動(dòng)占用列數(shù)C．自動(dòng)占用一行D．占用1列（7）Bootstrap5插件全部依賴是（A）。A．JavaScriptB．JQueryC．AngularJSD．NodeJS（8）網(wǎng)格系統(tǒng)小屏幕使用的類前綴是（B）。A．.col-xs-B．.col-sm-C．.col-md-D．.col-lg-（9）Bootstrap5中，（C）屬性可以控制網(wǎng)頁在不同終端顯示的效果。A．viewB．scaleC．viewportD．head（10）設(shè)置文本的對(duì)齊樣式時(shí)，.text-nowrap類的作用是（C）。A．使文本換行B．修改文本的顏色C．使文本不換行D．此樣式不存在（11）閱讀如下代碼段，描述不正確的是（B）。<divclass="container"><divclass="rowjustify-content-center"><divclass="col-2">春和景明，花開浪漫</div><divclass="col-2">彩林漫漫，炫雅嫵媚</div><divclass="col-2">夏綠九寨，恣意清涼</div><divclass="col-2">冰雪童話，靈韻冬色</div></div></div>A．此內(nèi)容是采用網(wǎng)格進(jìn)行的布局B．“col-2”的意思是在超大屏幕上占據(jù)兩列。C．“justify-content-center”的功能是實(shí)現(xiàn)水平方向上居中對(duì)齊D．內(nèi)容共占了8列（12）在進(jìn)行Bootstrap的網(wǎng)格布局時(shí)，可以通過（A）類進(jìn)行網(wǎng)格排序。A．.order-數(shù)值B．.sort-數(shù)值C．.paixu-數(shù)值D．.offset-數(shù)值（13）要實(shí)現(xiàn)表單元素中的單選框，input標(biāo)簽的type屬性應(yīng)設(shè)為（A）。A．radioB．checkboxC．selectD．text（14）Bootstrap5中，如果要設(shè)置列的高度，其單位一般采用（B）。A．pxB．remC．emD．cm（15）下面（C）類用于100%寬度并支持響應(yīng)式布局的容器？A．containerB．centerC．container-fluidD．containerFluid（16）下面（B）類可以將按鈕改變?yōu)樾“粹o。A．.btn-lgB．.btn-smC．.btn-mdD．.btn-xs（17）下面選項(xiàng)中（D）類可以實(shí)現(xiàn)條紋表格，為每行增加斑馬條紋樣式。A．.table-hoverB．.table-borderedC．.table-responsiveD．.table-striped（18）網(wǎng)格系統(tǒng)超大屏幕使用的類前綴是（A）。A．.col-xl-B．.col-sm-C．.col-md-D．.col-lg-（19）Bootstrap5中，關(guān)于align-items-類型中，類型值錯(cuò)誤的是（D）。A．startB．endC．centerD．underline（20）表單中的<divclass=“input-group”>是定義了一個(gè)（B）。A．按鈕組B．輸入框組C．列表組D．面板組（21）BootStrap5中，制作下拉菜單時(shí)，用（A）類指定下拉菜單的容器。A．.dropdownB．.dropdown-toggleC．.dropdown-itemD．.dropdown-header（22）定義導(dǎo)航時(shí)，通過引用（D）類將某個(gè)導(dǎo)航項(xiàng)激活。A．.nav-linkB．.disableC．.nav-tabsD．.active（23）BootStrap5中，網(wǎng)格系統(tǒng)的標(biāo)準(zhǔn)用法（C）是錯(cuò)誤的。A．<divclass="row"><divclass="col-md-1"></div></div>B．<divclass="row"><divclass="container"></div></div>C．<divclass="col-md-1"><divclass="row"></div></div>D．<divclass="container"><divclass="row"></div></div>（24）下列（C）不是正確的輔助類。A．.text-mutedB．.text-dangerC．.tx-successD．.text-warning（25）Bootstrap5中，下列關(guān)于圖片樣式的描述，正確的是（B）。A．圖片不可以設(shè)置為圓形B．圖片可以被設(shè)置為縮略圖C．圖片的大小不可以被改變D．不可以對(duì)圖片重新定義樣式（26）Bootstrap5的下拉菜單中，可以實(shí)現(xiàn)分割線的是（C）A．.dropupB．.dropleftC．.dropdown-dividerD．.disabled（27）復(fù)選框的type屬性值是以下哪項(xiàng)（A）。A．checkboxB．radioC．selectD．check（28）要設(shè)置導(dǎo)航為膠囊式導(dǎo)航風(fēng)格，應(yīng)該引用下面哪個(gè)類？（C）A．.navB．.nav-tabC．.nav-pillsD．.nav-justified（29）在進(jìn)行Bootstrap5的網(wǎng)格布局時(shí)，可以通過（D）類進(jìn)行網(wǎng)格偏移。A．.order-數(shù)字B．.sort-數(shù)字C．.paixu-數(shù)字D．.offset-數(shù)字（30）閱讀如下代碼段，描述錯(cuò)誤的是（D）。<divclass="row"><divclass="col-sm-6col-md-3"style="background:#007bff;">col-md-3</div></div>A．此布局是用網(wǎng)格布局完成的B．該內(nèi)容在中型屏幕上占據(jù)3列C．該內(nèi)容在小屏幕上占據(jù)6列D．不管在大型屏幕還是超小型屏幕上，該內(nèi)容都占據(jù)3列（31）閱讀如下代碼段，描述正確的是（A）。<divclass="container"><inputtype="text"placeholder="輸入框"class="btnbtn-danger"><buttontype="button"class="btnbtn-successfocus"disabled="disabled">按鈕</button></div>A．placeholder的作用是在輸入框中顯示灰色的提示信息B．disabled="disabled"的作用是激活該按鈕C．type="text"的作用是設(shè)置輸入內(nèi)容不可見D．.btn-success是指該按鈕為成功的按鈕（32）Bootstrap5表單控件樣式為（D）A．form-inlineB．form-groupC．form-group-smD．form-control（33）實(shí)現(xiàn)nav平鋪整行，應(yīng)該加哪個(gè)類（B）。A．nav-centerB．nav-justifiedC．nav-leftD．nav-right組件中（34）關(guān)閉modal的按鈕應(yīng)該加什么屬性（A）。A．data-dismiss="modal"B．data-toggle="modal"C．data-spy="modal"D．data-hide="true"（35）對(duì)于tooltip的元素，data-placement的作用是（B）。A．工具提示條的顯示大小B．工具提示條的顯示位置C．工具提示條的顯示動(dòng)畫D．工具提示條的顯示顏色（36）怎樣為進(jìn)度條創(chuàng)建條紋效果（A）。A．添加類progress-bar-stripedB．添加類progress-barC．添加類progress-stripedD．添加類progressBar-striped（37）制作tab切換，要顯示的內(nèi)容要放在下方哪個(gè)容器里面（D）。A．contentB．tab-groupC．tab-bodyD．tab-content（38）Bootstrap5中，設(shè)置圖片為圓角圖片效果的類是（A）A．roundedB．rounded-circleC．rounded-pillD．.img-thumbnail（39）Bootstrap5中，通過（A）類來設(shè)置響應(yīng)式圖片。A．img-fluidB．img-circleC．responsiveD．rounded（40）Bootstrap5中，創(chuàng)建垂直導(dǎo)航的類為（C）A．.justify-content-centerB．.nav-linkC．.flex-columnD．nav-tabs（41）Bootstrap5中，導(dǎo)航欄中創(chuàng)建高亮顯示品牌/Logo的類是（A）。A．.navbar-brandB．.activeC．.nav-itemD．.navbar-expand-xl|lg|md|sm（42）.card-header類的作用是（B）。A．創(chuàng)建卡片的底部樣式B．創(chuàng)建卡片的頭部樣式C．創(chuàng)建卡片D．指定卡片的背景顏色（43）使用collapse實(shí)現(xiàn)手風(fēng)琴，通過哪個(gè)屬性關(guān)聯(lián)整個(gè)面板組（B）。A．data-toggleB．data-parentC．data-targetD．href（44）Bootstrap5中，關(guān)于響應(yīng)式網(wǎng)格系統(tǒng)（A）的描述是錯(cuò)誤的。A．.col-：超小屏幕（<768px）B．.col-sm-：小屏幕、平板（>=576px）C．.col-md-：中等屏幕（>=768px）D．.col-lg-：大屏幕（>=960px）（45）Bootstrap5中，下列（B）類不屬于button的預(yù)定義樣式。A．.btn-successB．.btn-wrapC．.btn-infoD．.btn-link（46）Bootstrap5中，下列（D）不屬于圖片處理的類。A．.roundedB．.rounded-circleC．.img-thumbnailD．.img-radius2．填空題（1）下面{container}類用于固定寬度并支持響應(yīng)式布局的容器？（2）下面選項(xiàng)中{.table