reveal.js中的列与org-mode

时间:2015-10-15 12:27:15

标签: org-mode reveal.js

当我通过org-reveal导出时,如何在org-mode中创建列?

我找到了此链接RevealJS with Bootstrap Columns。这似乎有效,但是在使用组织模式时我该怎么做? ***已经为文档结构保留。

2 个答案:

答案 0 :(得分:9)

我在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>

答案 1 :(得分:2)

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

可以使用bootstrap列创建列。因此,作为额外的css,应该加载bootstrap.css。

在组织文件标题中:

#+REVEAL_EXTRA_CSS: bootstrap.css

并在组织文件中的特定位置:

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

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

有更优雅的方法吗?