title: How align columns in bootstrap-vue table?
body: <p>Using <a href="https://bootstrap-vue.js.org/docs/components/table" rel="noreferrer">https://bootstrap-vue.js.org/docs/components/table</a> in vue/cli / "bootstrap-vue": "^2.1.0" I did not find how to set align for all columns and change it for 
  any column. I tried as:</p>
  
  <pre><code>&lt;b-card-body&gt;
          &lt;b-table responsive="sm" striped hover small :items="users" :fields="usersFields" align-v="end"&gt;
              &lt;template v-slot:cell(id)="data"&gt;
                  &lt;div class="-align-right"&gt;{{ data.value }}&lt;/div&gt;
              &lt;/template&gt;
  
              &lt;template v-slot:cell(status)="data"  &gt;
                  &lt;div class="-align-left"&gt;{{ getDictionaryLabel( data.value, userStatusLabels ) }}&lt;/div&gt;
              &lt;/template&gt;
  </code></pre>
  
  <p>But failed as all columns are centered.</p>
  
  <p>How correctly ?</p>