Twitter bootstrap 在标记中引用引导组件

我们有一个Jekyll网站，有Liquid、Kramdown和Bootstrap。我想在降价页面中开始使用引导导航选项卡。这里也讨论过

问题是，这将在我们的降价源中引入大量HTML，并降低它们的可读性

在过去，当我们遇到这样的情况时，我们能够经常使用像

[link]（url）{:target=“\u blank”}

这样的标记。这似乎是由于克拉姆敦。我还了解到，可以以类似的方式引用CSS，比如so

{：.CSSClass}

。再一次，由于克拉姆敦

我的问题是，有没有一种方法可以从引导中对这些导航系统进行类似的操作？我希望能够做到以下几点：

{{< tabs >}}
{{% tab name="Choice A" %}}
Contents of Choice A tab
{{% /tab %}}
{{% tab name="Choice B" %}}
Contents of Choice B tab
{{% /tab %}}
{{< /tabs >}}

{{}
{{%tab name=“选择A”%}
选择标签的内容
{{%/tab%}
{{%tab name=“Choice B”%}
选择B选项卡的内容
{{%/tab%}
{{}

---

但这是我在Hugo网站上看到的内容。

您可以使用includes，就像这样：

{% include tabstart.html title="choice a" %}

Content of your tab

{% include tabend.html %}

---

如果你想知道，像我一样，这是如何工作的，文档中已经解释过了。