下載本文檔
版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
1、詳解Bootstrap格垂直和水平對(duì)齊方式目錄-1、Bootstraps格布局-2、垂直對(duì)齊2.1row標(biāo)簽中設(shè)置垂直對(duì)齊:2.2oi簽中設(shè)置垂直對(duì)齊3水平對(duì)齊。.1ro標(biāo)簽中設(shè)置垂直對(duì)齊1、Bootstrap網(wǎng)格布局我們介紹了Bootstrap的網(wǎng)格,網(wǎng)格在網(wǎng)頁(yè)布局中是一個(gè)重點(diǎn)和難點(diǎn),布局是網(wǎng)頁(yè)設(shè)計(jì)的起點(diǎn)和基礎(chǔ),一定要花功夫弄懂,最起碼把我寫(xiě)的教程介紹的內(nèi)容弄懂,因?yàn)槲覍?xiě)的都是最常用的和最基礎(chǔ)的。當(dāng)然對(duì)于一個(gè)有一定基礎(chǔ)的網(wǎng)頁(yè)設(shè)計(jì)師,這些內(nèi)容相信一看就懂,今天我們進(jìn)一步學(xué)習(xí)網(wǎng)格布局。本節(jié)內(nèi)容涉及到通用類(lèi)的彈性盒子()中的部分功能。2、垂直對(duì)齊2.1ro標(biāo)簽中設(shè)置垂直對(duì)齊通過(guò)在row標(biāo)簽中添加a
2、teasstartt、stit可以更改行在容器中的垂直對(duì)齊方式,以上三個(gè)標(biāo)簽分別為頂部對(duì)齊、居中對(duì)齊、底部對(duì)齊。以下是一段演示代碼和效果圖,代碼中s代碼設(shè)置背景色和間距,方便查看效果。、etacharset=utf-8、etara、e=vwportott、etara、e=kworsott、etara、e=dsrptootrbootstrap5/bootstrap.、styl.rowbackgrouroorra.colbackgrourd-color:rgba(1/styltt垂直對(duì)齊演示title/heabodyasscortairerotpttaeadwidth=device-widdtht
3、at=.cssrexterralrofollow2.1t20px1,1111.842)ight:-scale=1rel=exterralrofollowrel=、argir0px;px;padg:30px;、argir:10passrowatsstartassolass=collass=colsrptsrbodyt、lootstrap5/bootstrap.jsviewportkeyworddecript、oottrap5cocooco/、ootstrawidth=p.min.cssdevicerl-width,rlinitial-nofollowrescale=1l=externalnofo
4、llowr.row、ackgroucolorr2.1ight:260px;margin:30px;.col、ackgroucolorr111111.842);hding:30px;margin/style垂直對(duì)齊演示title、odyclcontainerclcolln-self-strclcoll-self-ceterl3、水平對(duì)齊3.1row標(biāo)簽中設(shè)置垂直對(duì)齊通過(guò)在row標(biāo)簽中添加c、oacorn、tc、oejnrcdon、royco、wco可以更改列在行中的水平對(duì)齊方式。以下是一段演示代碼和效果圖,代碼中c代碼設(shè)置背景色和間距,方便查看效果。doctypehtmtmllang=zldescriptioncontent=style、ootstrap5/、ootstrap.mi.row、ackground-color:rg、a(0,0,255.col-4、ackground-color:rg、a(101,101/style垂直對(duì)齊演示/title、odydivclass=rowjustify-content-cwlcl.crlrloollowrl.112r1161,0.842);height:30px;paddofollowrrowcontent-ccolcolrowco#到此這篇關(guān)于詳解Bootstrap網(wǎng)
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 產(chǎn)品數(shù)據(jù)分析簡(jiǎn)歷模板
- 科學(xué)有趣的指紋課件
- 初二主題班會(huì)教育課件
- flash開(kāi)發(fā)簡(jiǎn)歷模板
- 編制說(shuō)明《裝配式夾心保溫外墻板用不銹鋼連接件》團(tuán)體標(biāo)準(zhǔn)
- 寫(xiě)作分享幸福的初三作文
- 金葉復(fù)葉槭育苗技術(shù)規(guī)程DB41-T 1002-2014
- 2024年燈具配附件:觸點(diǎn)項(xiàng)目發(fā)展計(jì)劃
- 專(zhuān)題4 百分?jǐn)?shù)、小數(shù)、分?jǐn)?shù)互化及四則混合運(yùn)算-2023-2024學(xué)年六年級(jí)上冊(cè)數(shù)學(xué)計(jì)算大通關(guān)(北師大版)
- 2024年鋰電池玻璃纖維隔膜項(xiàng)目發(fā)展計(jì)劃
- 建筑工程資料(全套表格)資料
- 英國(guó)國(guó)際收支特點(diǎn)分析及匯率變化
- 螺桿式壓縮機(jī)設(shè)計(jì)
- 水平評(píng)價(jià)類(lèi)資格考試合格人員登記表
- 結(jié)構(gòu)的強(qiáng)度(講課)
- 農(nóng)民專(zhuān)業(yè)合作社社員證樣式(共2頁(yè))
- 燃?xì)忮仩t日常維保
- 醫(yī)院住院醫(yī)師規(guī)范化培訓(xùn)師資管理辦法
- 天寶山風(fēng)景區(qū)旅游總體規(guī)劃
- 自然拼讀法教案
- 技術(shù)合同示范文本
評(píng)論
0/150
提交評(píng)論