【问题标题】:Specify table column styling for Jekyll为 Jekyll 指定表格列样式
【发布时间】:2016-04-27 03:31:35
【问题描述】:

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

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

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

【问题讨论】:

  • 简而言之,因为 HTML 中没有“列”的概念。虽然行包含在 <tr> 元素中,但向每一列添加一个类需要将其添加到标题单元格……以及第一行中的单元格……和第二行……等等。

标签: css twitter-bootstrap markdown jekyll


【解决方案1】:

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

【讨论】:

  • 是的,我发现有些项目是这样解决问题的。所以这对我来说是一种选择。
【解决方案2】:

简而言之,Jekyll 没有办法将类添加到列中,因为 HTML 中没有“列”的概念。虽然行包含在<tr> 元素中,但向每一列添加一个类需要将其添加到标题单元格……以及第一行中的单元格……和第二行……等等。

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

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

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

【讨论】:

  • 感谢您的解决方案。我希望我不必修改bootstrap.css,这比我预期的调整太多。而且我认为我们只需要为表头列指定样式。表格主体将遵循样式作为标题。
  • 我刚刚想到了 :nth-of-type 伪选择器。我会尽快写出来。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-21
  • 2013-01-14
  • 2011-09-04
相关资源
最近更新 更多