第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

章節(jié)
問(wèn)答
課簽
筆記
評(píng)論
占位
占位

列表--無(wú)序列表、有序列表

無(wú)序列表

無(wú)序列表和有序列表使用方式和我們平時(shí)使用的一樣(無(wú)序列表使用ul,有序列表使用ol標(biāo)簽),在樣式方面,Bootstrap只是在此基礎(chǔ)上做了一些細(xì)微的優(yōu)化,源碼請(qǐng)查看bootstrap.css文件的第569行~第579行:

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}

從源碼上我們可以得知,Bootstrap對(duì)于列表,只是在margin上做了一些調(diào)整。我們來(lái)看一個(gè)簡(jiǎn)單的示例(右側(cè)代碼編輯器10-16行)。

列表嵌套

在Bootstrap中列表也是可以嵌套的,如右側(cè)編輯器中的代碼就是有序列表(25-35行)。

任務(wù)

我也來(lái)試試:完成下面任務(wù)

在右側(cè)代碼編輯器輸入正確的代碼,實(shí)現(xiàn)下圖列表效果:

備注:這一小節(jié)沒(méi)有正確性驗(yàn)證,請(qǐng)查看結(jié)果窗口與本任務(wù)所給的結(jié)果圖片是否一致,從而判斷輸入代碼是否正確。

?不會(huì)了怎么辦

參考代碼:

<ul>
    <li>列表項(xiàng)目1</li>
    <li>列表項(xiàng)目2</li>
    <li>列表項(xiàng)目3</li>
    <li>列表項(xiàng)目4</li>
    <li>列表項(xiàng)目5</li>
</ul>
||

提問(wèn)題

寫筆記

公開(kāi)筆記
提交
||

請(qǐng)驗(yàn)證,完成請(qǐng)求

由于請(qǐng)求次數(shù)過(guò)多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求

加群二維碼

打開(kāi)微信掃碼自動(dòng)綁定

您還未綁定服務(wù)號(hào)

綁定后可得到

  • · 粉絲專屬優(yōu)惠福利
  • · 大咖直播交流干貨
  • · 課程更新,問(wèn)題答復(fù)提醒
  • · 賬號(hào)支付安全提醒

收藏課程后,能更快找到我哦~

使用 Ctrl+D 可將課程添加到書(shū)簽

邀請(qǐng)您關(guān)注公眾號(hào)
關(guān)注后,及時(shí)獲悉本課程動(dòng)態(tài)

舉報(bào)

0/150
提交
取消
全部 精華 我要發(fā)布
全部 我要發(fā)布
最熱 最新
只看我的

手記推薦

更多

本次提問(wèn)將花費(fèi)2個(gè)積分

你的積分不足,無(wú)法發(fā)表

為什么扣積分?

本次提問(wèn)將花費(fèi)2個(gè)積分

繼續(xù)發(fā)表請(qǐng)點(diǎn)擊 "確定"

為什么扣積分?