Add Bootstrap CSS to Vuepress

May 26, 2019

Add bootstrap

yarn add bootstrap # or npm install bootstrap --save

Edit docs/.vuepress/enhanceApp.js

// import 'bootstrap/scss/bootstrap.scss';
import 'bootstrap/dist/css/bootstrap.css';

export default ({
  Vue, // the version of Vue being used in the VuePress app
  options, // the options for the root Vue instance
  router, // the router instance for the app
  siteData // site metadata
}) => {

}

NOTE: I haven’t try importing Bootstrap Javascript

Usage at *.md

---
title: Test
---

<button class="btn btn-primary">Click Me</button>
This work is licensed under a
Creative Commons Attribution-NonCommercial 4.0 International License.