我有一个
<b-button :size="''" :variant="primary">
我希望在手机上
<b-button :size="sm" :variant="primary">
在mount（）回调中，我尝试添加window.resize侦听器，但必须对设备宽度值进行硬编码。 Bootstrap vue提供了什么方法，可以让我检测代码中的大小断点。一些帮助将不胜感激
答案 0 :(得分：2)
您可以定义两次按钮。一种用于移动设备和台式机。使用“隐藏” 可以将元素隐藏在视口/宽度上。
在这里阅读：https://v4-alpha.getbootstrap.com/layout/responsive-utilities/
或者，您可以使用引导显示属性，例如：“ d-none d-sm-block ”。 如果宽度小于sm，则不会显示任何内容。
在这里阅读：https://getbootstrap.com/docs/4.1/utilities/display/
编辑：它在两个（bootstrap / bootstrap-vue）中均有效-参见此处：https://bootstrap-vue.js.org/docs/reference/utility-classes