vuejs-bootstrap3

KO | EN

gitlite — search

#python #react #ai #typescript #android #linux #docker #cli #awesome-list #vue #pytorch #security #ios #open-source

vuejs-bootstrap3

(★ 8)

Easily build Vue.js with Vue-strap, Bootstrap 3 Sass, Pug

vuejs-bootstrap3 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Stock Vue.js with Vuestrap + Bootstrap SASS 3

I found bringing uncompiled Bootstrap into my Vue.js app a bit tricky, so here is how I did it.  I did not want to modify the webpack config files.  I wanted to create a stylesheet manifest to import stylesheets and easily override bootstrap variables.

### Option 1: Clone and play around with Vue.js + Bootstrap 3

``` bash
# clone this repo

# install Node if you haven't yet: https://nodejs.org/

# get into the directory of this app and install dependencies
npm install --global vue-cli
npm install

# start server
npm run dev

```

### Option 2: Build your own app from the ground up

``` bash
# Here's how I did everything.
# Install Vue.js
npm install --global vue-cli

# Initialize your project, answer questions
vue init webpack my-vue-project

# Install dependancies
cd my-vue-project
npm install
npm install node-sass --save-dev
npm install sass-loader --save-dev
npm install pug --save-dev
npm install bootstrap-sass --save-dev
npm install vue-strap --save-dev

# Setup your app.scss file as a stylesheet manifest
mkdir src/assets/styles && touch src/assets/styles/app.scss

# Duplicate and comment out bootstrap variables for easy overriding
awk '{print "//" $0}' node_modules/bootstrap-sass/assets/stylesheets/bootstrap/_variables.scss > src/assets/styles/bootstrap-variable-overrides.scss

# Import app.scss in the file `App.vue` by pasting the following code
<style lang="scss">
  @import './assets/styles/app.scss';
</style>

# In your .vue files you may use pug for html pre-processing
<template lang="pug">…</template>

# Set up app.scss by pasting this stuff in it
$icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/";
@import '~bootstrap-sass/assets/stylesheets/_bootstrap.scss';
@import 'bootstrap-variable-overrides';
@import 'overrides';

# Start your server from the command line
npm run dev

```

Done.

vuejs-bootstrap3

vuejs-bootstrap3 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

vuejs-bootstrap3

vuejs-bootstrap3 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README