Electron-vue: Is there a Bootstrap 4 implementation of this?

Created on 23 Feb 2018  路  3Comments  路  Source: SimulatedGREG/electron-vue

Just wondering if anyone has added Bootstrap 4 to the library or if there's any instructions anyone could give on this, before I try it.

picture kinoli
👍1

Most helpful comment

Adding bootstrap is no different to adding any other CSS lib, though it feels wrong to bring in jQuery ;p

npm install bootstrap-4 popper.js jquery --save

Then add the following to src/renderer/main.js

/* eslint-disable no-unused-vars */
import $ from 'jquery'
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.bundle.min.js'

Then add something to LandingPage.vue, for example, source from: https://getbootstrap.com/docs/4.0/examples/jumbotron/

enter image description here

Maybe that helps.

picture lcherone on 26 Feb 2018
👍3 ❤1

All 3 comments

Adding bootstrap is no different to adding any other CSS lib, though it feels wrong to bring in jQuery ;p

npm install bootstrap-4 popper.js jquery --save

Then add the following to src/renderer/main.js

/* eslint-disable no-unused-vars */
import $ from 'jquery'
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.bundle.min.js'

Then add something to LandingPage.vue, for example, source from: https://getbootstrap.com/docs/4.0/examples/jumbotron/

enter image description here

Maybe that helps.

lcherone picture lcherone on 26 Feb 2018
👍3 ❤1

Thanks for the reply. I ended up using ElementUI.

kinoli picture kinoli on 26 Feb 2018

bootstrap-vue npm package exists
https://www.npmjs.com/package/bootstrap-vue

jasonbronson picture jasonbronson on 9 Jan 2019
👍1
Was this page helpful?
0 / 5 - 0 ratings

Related issues

okwangyu picture okwangyu  路  3Comments
imomaliev picture imomaliev  路  3Comments
jt-wang picture jt-wang  路  3Comments
Quadriphobs1 picture Quadriphobs1  路  3Comments
rodrigomata picture rodrigomata  路  3Comments