chore: improve readme (#2555)

README.md

@@ -1,52 +1,56 @@
 <p align="center">
 <a href="https://bootstrap-vue.js.org">
-    <img src="https://github.com/bootstrap-vue/bootstrap-vue/raw/master/static/banner.png" width="300px">
+  <img src="https://github.com/bootstrap-vue/bootstrap-vue/raw/master/static/banner.png" width="300px">
 </a>
 
 <br>
-BootstrapVue provides one of the most comprehensive implementations of Bootstrap 4 components and grid system for Vue.js and with extensive and automated WAI-ARIA accessibility markup.
+BootstrapVue provides one of the most comprehensive implementations of Bootstrap 4 components and
+grid system for Vue.js and with extensive and automated WAI-ARIA accessibility markup.
 <br>
 <br>
 
-<a href="https://getbootstrap.com/docs/4.1">
-    <img alt="" src="https://img.shields.io/badge/bootstrap-4.1.1-800080.svg?style=flat-square">
+<a href="https://www.npmjs.com/package/bootstrap-vue">
+  <img src="https://flat.badgen.net/npm/v/bootstrap-vue" alt="Current version">
 </a>
-<a href="https://vuejs.org">
-    <img alt="" src="https://img.shields.io/badge/vue.js-2.x-green.svg?style=flat-square">
+<a href="https://getbootstrap.com/docs">
+  <img src="https://flat.badgen.net/badge/bootstrap/4.3.x/563d7c" alt="Bootstrap version">
 </a>
-<a href="https://github.com/bootstrap-vue/bootstrap-vue">
-    <img alt="" src="https://david-dm.org/bootstrap-vue/bootstrap-vue.svg?style=flat-square">
+<a href="https://vuejs.org">
+  <img src="https://flat.badgen.net/badge/vue.js/2.6.x/4fc08d" alt="Vue.js version">
 </a>
-<a href="https://codecov.io/gh/bootstrap-vue/bootstrap-vue">
-    <img alt="" src="https://img.shields.io/codecov/c/github/bootstrap-vue/bootstrap-vue.svg?style=flat-square">
+<a href="https://circleci.com/gh/bootstrap-vue/bootstrap-vue">
+  <img src="https://flat.badgen.net/circleci/github/bootstrap-vue/bootstrap-vue/master?label=build" alt="CircleCI status">
 </a>
-<a href="http://packagequality.com/#?package=bootstrap-vue">
-    <img alt="package quality" src="http://npm.packagequality.com/shield/bootstrap-vue.png?style=flat-square">
+<a href="https://github.com/bootstrap-vue/bootstrap-vue">
+  <img src="https://flat.badgen.net/david/dep/bootstrap-vue/bootstrap-vue" alt="Dependencies status">
 </a>
 
 <br>
 
-<a href="https://circleci.com/gh/bootstrap-vue/bootstrap-vue">
-    <img alt="" src="https://img.shields.io/circleci/project/github/bootstrap-vue/bootstrap-vue/master.svg?style=flat-square">
+<a href="https://codecov.io/gh/bootstrap-vue/bootstrap-vue">
+  <img src="https://flat.badgen.net/codecov/c/github/bootstrap-vue/bootstrap-vue" alt="Coverage">
 </a>
-<a href="https://www.npmjs.com/package/bootstrap-vue">
-    <img alt="" src="https://img.shields.io/npm/dt/bootstrap-vue.svg?style=flat-square">
+<a href="http://packagequality.com/#?package=bootstrap-vue">
+  <img src="https://npm.packagequality.com/shield/bootstrap-vue.svg?style=flat-square" alt="Package quality">
 </a>
 <a href="https://www.npmjs.com/package/bootstrap-vue">
-    <img alt="" src="https://img.shields.io/npm/dm/bootstrap-vue.svg?style=flat-square">
+  <img src="https://flat.badgen.net/npm/dt/bootstrap-vue" alt="npm downloads">
 </a>
 <a href="https://www.npmjs.com/package/bootstrap-vue">
-    <img alt="" src="https://img.shields.io/npm/v/bootstrap-vue.svg?style=flat-square">
+  <img src="https://flat.badgen.net/npm/dw/bootstrap-vue" alt="npm monthly downloads">
 </a>
 
 <br>
-<a href="#backers">
-    <img alt="" src="https://opencollective.com/bootstrap-vue/backers/badge.svg?style=flat-square">
+
+<a href="https://opencollective.com/bootstrap-vue#sponsor">
+  <img src="https://opencollective.com/bootstrap-vue/sponsors/badge.svg?style=flat-square" alt="Open Collective sponsors">
 </a>
-<a href="#sponsors">
-    <img alt="" src="https://opencollective.com/bootstrap-vue/sponsors/badge.svg?style=flat-square">
+<a href="https://opencollective.com/bootstrap-vue#backer">
+  <img src="https://flat.badgen.net/opencollective/backers/bootstrap-vue" alt="Open Collective backers">
+</a>
+<a href="https://opencollective.com/bootstrap-vue">
+  <img src="https://flat.badgen.net/opencollective/balance/bootstrap-vue" alt="Open Collective balance">
 </a>
-
 </p>
 
 <h2 align="center">Links</h2>
@@ -84,10 +88,11 @@ Thank you to all our backers! 🙏
 <h2 align="center">Contributors</h2>
 
 This project exists thanks to all the people who contribute. [[Contribute]](CONTRIBUTING.md).
+
 <a href="https://github.com/bootstrap-vue/bootstrap-vue/graphs/contributors"><img src="https://opencollective.com/bootstrap-vue/contributors.svg?width=890" /></a>
 
 <h2 align="center">License</h2>
 
-Released under The MIT [License](./LICENSE). Copyright (c) BootstrapVue.
+Released under the MIT [License](./LICENSE). Copyright (c) BootstrapVue.
 
 [![FOSSA Status](https://app.fossa.io/api/projects/git%2Bhttps%3A%2F%2Fgithub.com%2Fbootstrap-vue%2Fbootstrap-vue.svg?type=small)](https://app.fossa.io/projects/git%2Bhttps%3A%2F%2Fgithub.com%2Fbootstrap-vue%2Fbootstrap-vue?ref=badge_small)