本节主要内容:
熟悉bootstrap基本网页元素类:列表、代码、表格、按钮、辅助类。
参考课本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仍是多行显示。
关于列表类的演示:
源代码:list-test.rar