我正在尝试为不同的引导断点分配动态样式。改变位置等。如果显示器的宽度不同。所以我在vue中应用了v-bind风格的指令。我做得对吗？
当控制台给出错误时-空格是预期的。

<div class="footer" :style="{$bootstrap.breakpoint.md ? "white" : "black"}">
</div>

<script>
   white: {
        background:
          'white',
      },
  black: {
        background:
          'black',
      },
</script>

没有必要使用引导制动点，但是，它可以通过媒体查询来完成吗？