Javascript 获取引导网格中列的宽度

如何获取引导网格中列的宽度？ 我无法让代码返回像px数这样的值。此外，我希望在调整浏览器大小时，数字会发生变化

var width=document.getElementById（“答案”）；
var单位=document.getElementsByClassName（“col-3”）；
var x=单位宽度；
width.textContent=x
.col-3{
高度：100px；
}
#a{
背景：红色；
}
#b{
背景：蓝色；
}

宽度：0
您需要获取行中的第一个子列col-3，因为第一个子列宽度后的col-3:0


$（文档）.ready（函数（）{
变量单位=$（“.col-3:第一个子项”）.width（）；
变量宽度=$（“#答案”）。文本（单位）；
});
.col-3{
高度：100px；
}
#a{
背景：红色；
}
#b{
背景：蓝色；
}

宽度：0
为什么col-3在第一个子宽度之后：0？当使用document.getElementsByClassName返回对象时，您无法获取宽度，您使用jquery获取宽度元素