Javascript 尝试水平对齐倒计时计时器（首次编码/构建）

这是我第一次建立一个网站。我选择了一个免费的Bootstrap3主题，并开始编辑它，从那里尝试和得到它的窍门。到目前为止，一切都很顺利，但我在尝试将我的站点上的倒计时时间水平居中时遇到了问题（）

我试着摆弄HTML、js和CSS，但如果有更改，计时器仍将向左对齐，但改为使用分词符

var finalDate='2017/04/14'；
$（'div#counter'）。倒计时（最终日期）
.on（'update.countdown'，函数（事件）{
$（this.html（event.strftime（“”）+
“%D天”+
“%H小时”+
'' +
'' +
“%M分钟”+
“%S秒”+
''));
});
.main content表单元格{
显示：表格单元格；
垂直对齐：底部对齐；
z指数：700；
}
.main content tablecell.row{
位置：相对位置；
垫面：4.2rem；
垫底：15rem；
}
.主要内容tablecell#计数器{
边缘底部：4.2rem；
}
.主要内容tablecell#计数器：之前，
.主要内容tablecell#计数器：后{
内容：“；
显示：表格；
}
.主要内容tablecell#计数器：后{
明确：两者皆有；
}
.main content tablecell#counter.half{
浮动：左；
}
.main content tablecell#计数器跨距{
浮动：左；
文本对齐：右对齐；
颜色：#FFFFFF；
字体系列：“机器人黑”，无衬线；
字号：12rem；
线高：1；
填充：0；
保证金底部：1.5雷姆；
}
.main content tablecell#counter span sup{
字体系列：“机器人粗体”，无衬线；
字体大小：.17em；
颜色：rgba（255，255，255，0.3）；
顶部：-3.6em；
右：1em；
}
.主要内容表单元格h1{
字号：4.2rem；
线高：1.143；
颜色：#FFFFFF；
边缘底部：1.2rem；
最大宽度：600px；
位置：相对位置；
}
.主要内容表单元格p{
颜色：rgba（255，255，255，0.3）；
字体系列：“roboto常规”，无衬线；
字体大小：1.8rem；
最大宽度：400px；

94天
23小时
40分钟
03秒
我建议首先检查引导css，了解网格系统和现有组件结构。尝试重用已经存在的组件



独自创立
var finalDate='2017/04/14'；
$（“#计数器”）。倒计时（最终日期）
.on（'update.countdown'，函数（事件）{
$（this.html（event.strftime（“”）+
“%D天”+
“%H小时”+
'' +
'' +
“%M分钟”+
“%S秒”+
''));
});
您更新的内容使用了类“half”而不是“center div”