dl-horizontal 4.1版本已移除。。。

* Bootstrap v4.1.0 (https://getbootstrap.com/)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

虽然不知道为什么，但是4.1版本把这个inline 的效果去掉了

Bootstrap原来是这样的！全部是封装！只要记住类怎么用就好了！以前以为很难呢

​[class *= col-] 的意思：

class 属性值包含 "col-" 的所有元素。就是CSS3 [attribute*=value] 选择器

评论第一个直接笑出声。学的开心哈哈哈哈。

= =怎么都调试都出不来的。。可以把代码复制到自己网页。。亲测可以。。

= =我这里慕课显示不出来效果。。复制到自己的网页就行了。。。

<ol>
<li>有序项目列表一</li>
<li>有序项目列表二
<ol class="list-unstyled">
<li>有序二级项目列表一</li>
<li>有序二级项目列表二
<ul>
<li>无序三级项目列表一</li>
<li>无序三级项目列表二
<ul class="list-unstyled">
<li>无序四级项目列表一</li>
<li>无序四级项目列表二</li>
</ul>
</li>
<li>无序三级项目列表三</li>
</ul>
</li>
<li>有序二级项目列表三</li>
</ol>
</li>
<li>有序项目列表三</li>
</ol>

= =研究源码发现自己都忘记继承符号的使用了。。逗号大于号都不清楚作用了。。

type前面多打一个空格都是错的吗。。。严谨一定要严谨。。。

我发现如果要了解类名样式是如何实现的。登录他上面链接的地址（//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css）比较好。
官方源码很多已经去除了该样式。。或者替换了。新手小白一时也不知道是啥。比如链接里的：
.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}

2018，希望能够找到一份好一点的工作，一起加油