Translate

miércoles, 15 de abril de 2020

Bootstrap + Vue = BootstrapVue


Te gusta Bootstrap y te gusta Vue entonces BootstrapVue es para vos!!

Como sabemos Bootstrap nos permite hacer aplicaciones web responsive y Vue es un framework front-end javascript que nos hace la vida muy fácil. Por ende con BootstrapVue podemos utilizar Vue con Bootstrap con los css de Bootstrap.

Con este framework utilizamos Bootstrap 4.

Como se instala? Primero que nada tengo que tener  instalado Vue y un proyecto creado. Si no saben como hacer esto pueden leer este post: https://emanuelpeg.blogspot.com/2020/04/como-instalar-vuejs.html

Luego tengo que instalar bootstrap-vue:

npm install bootstrap-vue

Y por ultimo, debemos registrar el complemento BootstrapVue como con las instrucciones del paquete web:

import Vue from 'vue'
import { BootstrapVue, BootstrapVueIcons } from 'bootstrap-vue'

import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

Vue.use(BootstrapVue)
Vue.use(BootstrapVueIcons)

BootstrapVue fue librerado bajo licencia MIT.

Dejo link : https://bootstrap-vue.js.org/