Is there a way to dynamically assign styles based on different bootstrap breakpoints using v-bind style directive with vue? I'm encountering an error in the console that says "Whitespace was expected."
<div class="footer" :style="{$bootstrap.breakpoint.md ? "white" : "black"}">
</div>
<script>
white: {
background:
'white',
},
black: {
background:
'black',
},
</script>
Alternatively, is it possible to achieve this effect using media queries instead of relying on bootstrap breakpoints?