两列 - 一个有序列表 Jekyll

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>

这是我想通过 Jekyll 完成的视觉效果。

输入（Markdown 文件）：

---
layout: default
---

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

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

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

我发现了两个与主题相关的 Whosebug 问题，但是都不适合这个用例。 The first uses YAML front-matter to build the list. However, since I often have links in my ordered list, I do not think this method would work—also, would be equally as tedious as adding each list item. The second 越来越近了，但是，我认为它使用的是 post 文件，而我使用的是列表项。

我能否让 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 中的卡片列。默认情况下，它们是3列，但您可以修改默认值。

检查此 link：https://getbootstrap.com/docs/4.0/components/card/#card-columns

两列 - 一个有序列表 Jekyll

Two Columns - One Ordered List Jekyll

multiple-columns

html-lists

jekyll

bootstrap-4