列与组织模式下的reveal.js

Question

当我通过org-reveal导出时，如何在组织模式下创建列？

我找到了这个链接RevealJS with Bootstrap Columns。这似乎工作，但我怎样才能使用组织模式呢？ ***已经保留用于文档的结构。

Answer 1

我在this演示文稿中找到了一个解决方案，其中使用了列类。

要与org-reveal使用它，我做了以下内容：

#+REVEAL_HTML: <div class="column" style="float:left; width: 50%"> 
Column 1 
#+REVEAL_HTML: </div> 

#+REVEAL_HTML: <div class="column" style="float:right; width: 50%"> 
Column 2 
#+REVEAL_HTML: </div> 

Answer 2

我可以找到一个可能的解决方案。可能不是最优雅的一个。

可以使用引导列创建列。所以，作为额外的CSS，应该加载bootstrap.css。

在组织文件头：

#+REVEAL_EXTRA_CSS: bootstrap.css 

，并在组织文件中的具体位置：

#+REVEAL_HTML: <div class='span6'> 
... 
#+REVEAL_HTML: </div> 

#+REVEAL_HTML: <div class='span6'> 
... 
#+REVEAL_HTML: </div> 

有没有更优雅的方式来做到这一点？