列與組織模式下的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> 

有沒有更優雅的方式來做到這一點？