Footer.vue

<template>
  <footer>
    <b-container>
      <b-row>
        <b-col sm="8">
          autoradio/<b>dashboard v0.0.23</b>
        </b-col>
        <b-col
          sm="4"
          align="right"
        >
          ... bla ... bla ... hear the music?
        </b-col>
      </b-row>
    </b-container>
  </footer>
</template>

<script>
export default {
}
</script>

<style>
html, body, #app {
  height: 100%;
}
#app {
  display: flex;
  flex-direction: column;
}
footer {
  background-color: #343a40;
  border-top: 1px solid #2e3436;
  color: rgba(255, 255, 255, 0.5);
  width: 100%;
  margin-top: auto;
}
</style>