Vue.js进阶【5-2】bootstrap-vue入门

GitHub

https://github.com/bootstrap-vue/bootstrap-vue

 

元素背景颜色 variant

可选值：success、info、warning、primary、danger、link，缺省灰色，light（白色透明背景）、dark

<div>
  <b-button-group>
    <b-button>Button 1</b-button>
    <b-button>Button 2</b-button>
    <b-button>Button 3</b-button>
    <b-button>Button 4</b-button>
    <b-button>Button 5</b-button>
  </b-button-group>
  <br><br>
  <b-button-group>
    <b-button variant="success">Success</b-button>
    <b-button variant="info">Info</b-button>
    <b-button variant="warning">Warning</b-button>
    <b-button variant="primary">Primary</b-button>
    <b-button variant="danger">Danger</b-button>
    <b-button variant="link">Link</b-button>
  </b-button-group>
</div>

元素大小

size="sm" 

size="lg"

文本加粗

 <strong>{{status}}</strong>

水平线

<hr class="my-4">