我如何从引导程序和 aurelia 应用程序中获取行和父宽度

Question

如何通过 aurelia 获取引导网格行或网格容器宽度（以像素为单位）。

我试图在 bootstrap 网站上找到这个，但我仍然感到困惑，因为宽度有几个维度：col-xs、colmd...但实际上，我们只使用了 4 个维度：col-3、col -6、col-9、col-12，仅此而已，所以基本上我需要获得完整的宽度，以便再次将像素转换为 col-x，以匹配 HTML 元素的大小调整。

Answer 1

要获取网格或行或任何​​元素的宽度（以像素为单位），您可以执行以下操作：

const pixels = document.querySelector('.grid').clientWidth;