如何轻松获取当前大小的bootstrap响应按钮？

Question

我有一些像下面这样的代码创建了一个按钮，根据屏幕大小不断变化（因为＆＃34; img-responsive＆＃34;）。

<a class="btn btn-primary btn-lg btn-block img-responsive" id="btntest" href="#" role="button" onclick="showWidth()">{{button.label}}</a>

我在屏幕上有另一个元素，我想强制它与任意按钮大小相同。我需要确定按钮大小并将其他元素的大小设置为相同。我已经尝试了以下作为获取大小的开始，但它只显示一个空字符串。有什么想法吗？

//in css file
#btntest{display : inline-block;}
~~~~~~~
//in angular controller
showWidth = function() {
var e = document.getElementById("btntest");
console.log(e.style.width);
} 

Answer 1

包含jquery库：

<script src="...path to jquery.js in your website or use CDN" />

然后使用它：

$("#btntest").width()