css - 居中翻转时钟并将文本更改为白色

Question

我的网站上的 Flipclock 工作正常，但我需要将“天：小时：分钟：”文本更改为白色，但找不到要添加/修改的 CSS

也（我正在使用 bootstrap3）我不能让 Flipclock 在 div 中居中。我目前有以下代码：

<div class="col-md-12 text-center">
<div class="clock center-block" style="margin:2em;" align="center"></div>

但是时钟顽固地停留在左边。

感谢您的任何建议

score 1 · Accepted Answer

将标题文本更改为白色（已编辑）：

.flip-clock-wrapper .flip-clock-divider .flip-clock-label {
    color: #FFF;
}

.center-block来自 Bootstrap的类适用margin: 0 auto;，你用style="margin:2em;". 删除该样式，时钟应适当居中。您可能需要width在时钟上设置显式。FlipClock 的网站使用默认值460px：

.flip-clock-wrapper .clock {
    width: 460px;
    height: 116px;
    margin: 0 auto;
}

score 0 · Accepted Answer

这里有一个非常先进的解决方案！除了大小之外，它还允许您更改所有颜色和阴影。

2 回答 2