-<table>
- <thead>
- <tr>
- <th colspan="2"><%= t "site.markdown_help.title" %></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <th><%= t "site.markdown_help.headings" %></th>
- <td># <%= t "site.markdown_help.heading" %><br />## <%= t "site.markdown_help.subheading" %></td>
- </tr>
- <tr>
- <th><%= t "site.markdown_help.unordered" %></th>
- <td>* <%= t "site.markdown_help.first" %><br />* <%= t "site.markdown_help.second" %></td>
- </tr>
- <tr>
- <th><%= t "site.markdown_help.ordered" %></th>
- <td>1. <%= t "site.markdown_help.first" %><br />2. <%= t "site.markdown_help.second" %></td>
- </tr>
- <tr>
- <th><%= t "site.markdown_help.link" %></th>
- <td>[<%= t "site.markdown_help.text" %>](<%= t "site.markdown_help.url" %>)</td>
- </tr>
- <tr>
- <th><%= t "site.markdown_help.image" %></th>
- <td>![<%= t "site.markdown_help.alt" %>](<%= t "site.markdown_help.url" %>)</td>
- </tr>
- </tbody>
-</table>
+<h4 class='heading'><%= t ".title_html" %></h4>
+<ul class='list-unstyled'>
+ <li>
+ <h4><%= t ".headings" %></h4>
+ <p># <%= t ".heading" %><br>
+ ## <%= t ".subheading" %></p>
+ </li>
+ <li>
+ <h4><%= t ".unordered" %></h4>
+ <p>* <%= t ".first" %><br>
+ * <%= t ".second" %></p>
+ </li>
+ <li>
+ <h4><%= t ".ordered" %></h4>
+ <p>1. <%= t ".first" %><br>
+ 2. <%= t ".second" %></p>
+ </li>
+ <li>
+ <h4><%= t ".link" %></h4>
+ <span>[<%= t ".text" %>](<%= t ".url" %>)</span>
+ </li>
+ <li>
+ <h4><%= t ".image" %></h4>
+ <span>![<%= t ".alt" %>](<%= t ".url" %>)</span>
+ </li>
+</ul>