Vue CLI是一個官方支持的Vue.js項目腳手架，在Vue CLI中使用Bootstrap作為UI框架可以極大地提高開發效率。下面將分為以下幾個部分介紹如何在Vue CLI中使用Bootstrap。

第一步：安裝Bootstrap。可以使用npm、yarn或者cdn來安裝Bootstrap，在此不作具體介紹。

// 使用npm安裝Bootstrap
npm install bootstrap

第二步：在Vue控制臺中使用Bootstrap。可以使用兩種方式來使用Bootstrap，一種是在main.js文件中引入，另一種是在Vue組件中引入。

// 在main.js中引入Bootstrap
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap/dist/js/bootstrap.js'

第三步：使用Bootstrap。在Vue組件中可以非常方便地使用Bootstrap，如下圖所示：

<template>
<div class="container">
<div class="row">
<div class="col-md-6">
<form>
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">Check me out</label>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
</div>
</template>

可以看到，在Vue組件中使用Bootstrap只需要按照Bootstrap文檔的寫法來寫即可。需要注意的是，class的寫法需要加上：

:class="'class1 class2'"

這樣就可以在Vue CLI中使用Bootstrap了！