亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

章節
問答
課簽
筆記
評論
占位
占位

列表--無序列表、有序列表

無序列表

無序列表和有序列表使用方式和我們平時使用的一樣(無序列表使用ul,有序列表使用ol標簽),在樣式方面,Bootstrap只是在此基礎上做了一些細微的優化,源碼請查看bootstrap.css文件的第569行~第579行:

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

從源碼上我們可以得知,Bootstrap對于列表,只是在margin上做了一些調整。我們來看一個簡單的示例(右側代碼編輯器10-16行)。

列表嵌套

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

任務

我也來試試:完成下面任務

在右側代碼編輯器輸入正確的代碼,實現下圖列表效果:

備注:這一小節沒有正確性驗證,請查看結果窗口與本任務所給的結果圖片是否一致,從而判斷輸入代碼是否正確。

?不會了怎么辦

參考代碼:

<ul>
    <li>列表項目1</li>
    <li>列表項目2</li>
    <li>列表項目3</li>
    <li>列表項目4</li>
    <li>列表項目5</li>
</ul>
||

提問題

寫筆記

公開筆記
提交
||

請驗證,完成請求

由于請求次數過多,請先驗證,完成再次請求

加群二維碼

打開微信掃碼自動綁定

您還未綁定服務號

綁定后可得到

  • · 粉絲專屬優惠福利
  • · 大咖直播交流干貨
  • · 課程更新,問題答復提醒
  • · 賬號支付安全提醒

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

使用 Ctrl+D 可將課程添加到書簽

邀請您關注公眾號
關注后,及時獲悉本課程動態

舉報

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

手記推薦

更多

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?