为Jekyll指定表格列样式

时间:2016-04-27 03:31:35

标签: css twitter-bootstrap markdown jekyll

我使用Jekyll使用Bootstrap构建静态网站。我知道如何为整个表格指定样式(见下文)

{: .table .table-striped}
| Name  | Roles | User ID |
| ----- | ----- | ------- | 
| Micky | CEO   | micky   |
| Tom   | CTO   | tom     |

但我没有找到为每列指定样式类的方法。我想为每列添加类col-md-4。如何实现这一目标?

2 个答案:

答案 0 :(得分:1)

简而言之,Jekyll没有办法在专栏中添加课程,因为没有&#34;列的概念&#34;在HTML中。虽然行包含在<tr>元素中,但是为每个列添加一个类需要将它添加到标题单元格......以及第一行中的单元格......以及第二行......依此类推。

最简单的方法是调整样式表,使此特定表格中的单元格与col-md-4一样宽。

例如,如果你给这个表一个md-4-table类,你可以调整你的bootstrap CSS说:

.col-md-4,
.md-4-table th, .md-4-table td,
... {
    /* whatever bootstrap actually puts in here */
}

答案 1 :(得分:1)

您始终可以恢复在Markdown中(之间)编写纯HTML。没有解决方案的最终解决方案。