1

ウェブサイトで Flipclock が正常に動作していますが、「日: 時: 分:」のテキストを白に変更する必要がありますが、追加/修正する CSS が見つかりません。

また（私はbootstrap3を使用しています）Flipclockをdivの中央に配置できません。現在、次のコードがあります。

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

しかし、時計は頑固に左にとどまります。

アドバイスをありがとう

4

2 に答える 2

1

ヘッダー テキストを白に変更 (編集):

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

.center-blockBootstrapのクラスが適用されmargin: 0 auto;、それを で上書きしていますstyle="margin:2em;"。そのスタイルを削除すると、時計が適切に中央に配置されます。widthクロックに明示的に設定する必要がある場合があります。FlipClock の Web サイトでは、次のデフォルトを使用しています460px。

.flip-clock-wrapper .clock {
    width: 460px;
    height: 116px;
    margin: 0 auto;
}
于 2016-07-07T12:11:12.580 に答える
0

ここにはかなり高度なソリューションがあります！サイズに加えて、すべての色と影を変更できます。

flipclock.js のサイズ変更が期待どおりにサイズ変更されない

于 2016-08-24T13:36:08.053 に答える