![adding social media icons in bootstrap studio adding social media icons in bootstrap studio](https://s3.amazonaws.com/rcp-prod-uploads/property_images/mid_thumb/UWL-House-214.jpg)
use ( BootstrapVue ) new Vue ( ) Īnd here’s our smartphone data displayed in the Bootstrap-Vue list component: If we fire up our text editor and open main.js, we’ll see the following code, which imports the Bootstrap style sheet and Bootstrap-Vue: import Vue from 'vue' import BootstrapVue from "bootstrap-vue" import App from './App.vue' import "bootstrap/dist/css/" import "bootstrap-vue/dist/bootstrap-vue.css" Vue. Here, App.vue and main.js are the primary files of interest. Your local environment should now contain the following files and folders: ├── index.html Finally, with npm run dev, the app is compiled and launched in the browser.
#ADDING SOCIAL MEDIA ICONS IN BOOTSTRAP STUDIO INSTALL#
![adding social media icons in bootstrap studio adding social media icons in bootstrap studio](https://www.pixeden.com/media/k2/galleries/1468/002-scene-studio-poster-presentation-mockup-psd.jpg)
The first line starts with vue init creates a new directory called getting-started, where a new Bootstrap-Vue project is initialized.You can press Return to accept the defaults. Then, we initialize our project - let’s call it getting-started - using the webpack-simple template by typing the following in the terminal: vue init bootstrap-vue/webpack-simple getting-startedĪ wizard will open. webpack: for larger production capable projects.įirst, we install the vue-cli by: npm i -g vue-cli.webpack simple: quick scaffold for a small application.
![adding social media icons in bootstrap studio adding social media icons in bootstrap studio](https://onaircode.com/wp-content/uploads/2019/12/Simple-HTML-CSS-Social-Media-Buttons-980x569.png)
Bootstrap-Vue can be installed with npm through the following command: npm i bootstrap-vueīootstrap-Vue also provides two vue-cli templates that can scaffold our projects without too much hassle: If you’ve been following modern web development trends, you’d definitely know about npm and installing libraries with it. Getting Started with Bootstrap-Vue Using the Command Line