列表--定义列表，玩转Bootstrap（基础）教程-慕课网

列表--定义列表

对于定义列表而言，Bootstrap并没有做太多的调整，只是调整了行间距，外边距和字体加粗效果。
/*源码请查看bootstrap.css文件第594行~第607行*/

dl {
margin-top: 0;
margin-bottom: 20px;
}
dt,
dd {
line-height: 1.42857143;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}

对于定义列表使用，其实很简单，与我们以前的使用定义列表的方法是相同的：

<dl>
    <dt>W3cplus</dt>
    <dd>一个致力于推广国内前端行业的技术博客</dd>
    <dt>慕课网</dt>
    <dd>一个真心在做教育的网站</dd>
</dl>

我也来试试：完成下面任务

在右侧代码编辑器第17行输入正确的代码，实现如下所示的定义列表效果：

备注:这一小节没有正确性验证，请查看结果窗口与任务所给的结果图片是否一致，从而判断输入代码是否正确。

?不会了怎么办

参考代码：

<dl>
     <dt>北京</dt>
     <dd>北京是中国的首都，是政治文化集中地</dd>
     <dt>上海</dt>
     <dd>上海号称东方的巴黎</dd>
</dl>

提交

公开笔记

提交

全屏

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求