Question

如何在Jekyll网站中调整我当前的两列（使用Bootstrap）有序列表？目标是让Jekyll获取我的.md文件，有序列表项并将其拆分为两列。我目前必须单独编辑两列中的每个有序列表，从长远来看这将是有问题的，因为这个文档会不断更新和添加。

这是我目前的代码：

  <!-- Left Column -->

<div class="col-sm">
  <ol>
      <li>Zebras</li>
      <li>Lions</li>
  </ol>
</div>

  <!-- Right Column -->    

<div class="col-sm">
  <ol start="3">
    <li>Zebras</li>
    <li>Lions</li>
  </ol>
</div>

这是我希望通过杰基尔完成的视觉效果。

输入（Markdown文件）：

---
layout: default
---

1. Zebras
2. Lions
3. Tigers
4. Gorillas

理想情况下，这将被解析为：

1. Zebras        3. Tigers
2. Lions         4. Gorillas

我发现了两个主题StackOverflow问题，但是，它们都不适合这个用例。 The first使用YAML前端内容来构建列表。但是，由于我经常在我的有序列表中有链接，我认为这种方法不会起作用 - 同样，添加每个列表项也同样繁琐。 The second越来越接近，但是，我认为它使用的是帖子文件，而我正在使用列表项。

我可以让Jekyll获取有序列表项的数量，将它们分成两半（如果不准确，左列应该大于右侧），然后将列表项放在各自的列中？最后，从左列中移出计数器（使用<ol start="x">或其他东西）。

Answer 1

这是一个想法：使用一列并添加style="column-count: 2"。完成！

更多css列选项：https://css-tricks.com/almanac/properties/c/columns/#article-header-id-0

Answer 2

您可以尝试使用Bootstrap中的Cards列。默认情况下，它们是3列，但您可以修改默认值。

点击此链接：https://getbootstrap.com/docs/4.0/components/card/#card-columns

两列 - 一个有序列表Jekyll

2 个答案: