Hero-unit

#+begin_o_blog_hero_unit
#+HTML: <h1>Heading</h1>

 tagline

#+BEGIN_HTML
    <a class="btn btn-primary btn-large">
      Learn more
    </a>
#+end_o_blog_hero_unit

Heading

tagline

Learn more

页头设置

#+begin_o_blog_page_header
#+HTML: <h1>Page header</h1>
Some text
#+end_o_blog_page_header

使用标注 (label)

标注及注释文本使用 label:TYPE 链接方式，其中的 TYPE 可取值为 default, success, warning, important, info 或 reverse. 链接的 URL 部分用作标注文本。

[[ob-label:default][Default]]
[[ob-label:success][Success]]
[[ob-label:warning][Warning]]
[[ob-label:important][Important]]
[[ob-label:info][Info]]
[[ob-label:inverse][Inverse]]

Default
Success
Warning
Important
Info
Inverse

使用标记 (badges)

将提示及未读计数当作标注 (label), 使用链接前缀 badge:TYPE.

[[ob-badge:default][Default]]
[[ob-badge:success][Success]]
[[ob-badge:warning][Warning]]
[[ob-badge:important][Important]]
[[ob-badge:info][Info]]
[[ob-badge:inverse][Inverse]]

Default
Success
Warning
Important
Info
Inverse

使用进度条

用于载入、重定向或动作状态。使用链接前缀 progress:TYPE, 此处的 TYPE 可取值 info, success, warning 或 danger. 额外的类 (striped 或 active) 可用逗号添加。 URL 为进度百分比。

[[ob-progress:info][25]]
[[ob-progress:success,striped][50]]
[[ob-progress:warning,striped,active][75]]
[[ob-progress:danger][100]]

Well

Use the well as a simple effect on an element to give it an inset effect.

 #+begin_o_blog_well
, Look, I'm in a well!
 #+end_o_blog_well

Look, I'm in a well!

一些 bootstrap 特性