在树枝中生成boostrap行

Question

我有这样的重要内容：

### Some title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a mauris purus.

??START??
##### [fa=certificate/]  Certificate
##### [fa=line-chart/]  Process
##### [fa=newspaper-o/]  News
??END??

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a mauris purus.

我的目标是动态生成??BEGIN??和??END??之间的引导行

例如：

<div class="container">
  <div class="row">
    <div class="col-md-4">
      Certificate
    </div>
    <div class="col-md-4">
      Process
    </div>
    <div class="col-md-4">
      News
    </div>
  </div>
</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a mauris purus.

我的TWIG模板中怎么样？

Answer 1

这不是您可以使用单个模板文件执行的操作。根据您的构建方式，您甚至可能需要在主题中使用插件或广告自定义代码。

模块化组件

您所描述的内容通常使用modular component完成。你正在做什么看起来类似于首发主题 Antimatter ，调用 _features 。

要执行此操作，您将使用模块化页面类型，并为引导行/列设置包含一个模块，然后为常规文本包含另一个模块。

文件结构如下所示：

<强>插件

如果您想将此作为插件执行，那肯定是一个选项，可以防止您必须使用模块化页面。话虽如此，如果不自己动手，就不会支持这样的输出。您的插件需要分析原始页面，然后将其自行转换为bootstrap的网格。

如果这是您想要的方向，我建议您查看markdown notices plugin。它应该让你知道从这里去的地方。