什么CSS属性/ HTML元素给这个垂直线效果？

Question

在找不到引导 '代理商' 模板here的 about 部分，有一条垂直线连接所有圆形图像。我一直在寻找但是我找不到给出这种影响的样式规则或html元素。
任何人都可以告诉我这是做什么的，所以我可以修改它（例如行长）？

Answer 1

ul元素（类timeline）的样式如下：

.timeline:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40px;
    width: 2px;
    margin-left: -1.5px;
    background-color: #f1f1f1;
}

另外，正如@Vucko所指出的那样：

@media (min-width: 768px)
.timeline:before {
    left: 50%;
}

时间轴中的每个点都是li（右侧li只有一个不同的类timeline-inverted）。

好问题。

Answer 2

在ul class="timeline"上，{c}在{c}中创建了一个::before对象，其背景颜色为灰色，可以创建该行。

.timeline:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40px;
    width: 2px;
    margin-left: -1.5px;
    background-color: #f1f1f1;
}

Answer 3

这就是我要做的事情：创建一个宽度仅为1像素的div，无论你想要多长的高度，给它一个背景色，你最终会得到一条垂直线。