1
2
3
4
5
6
7

基本元素之列表

发布时间:2020-03-14 18:30   发布人:聂庆鹏   浏览次数:312

本节主要内容:

  1. 熟悉bootstrap基本网页元素类:列表、代码、表格、按钮、辅助类。

  2. 参考课本P52页案例3.8要求,制作一个个人介绍网页。


一、bootstrap基本网页元素类(第二篇)

(一)列表类

  与HTML中一样,bootstrap支持三类列表:

  有序列表(ol——order list),无序列表(ul——unorder list),自定义列表(书上称“描述列表”)(dl——definition list)

  其相关的bootstrap类如下:

  1.去除列表默认样式: list-unstyled 

   <ul class="list-unstyled"> ....</ul>  去除列表的默认左边距、默认图标符号

  2.内联列表(将列表在行内横向显示): list-inline

  3.水平自定义列表:  dl-horizontal

  使dl列表中的dt标题和dd内容在一行中显示,dt仍是多行显示。

  

   关于列表类的演示:

  

1.png

 

  源代码:list-test.rar