https://yuche.github.io/vue-strap/

Bootstrap components built with Vue.js
https://yuche.github.io/vue-strap/

Last synced: about 2 months ago
JSON representation

Bootstrap components built with Vue.js

• Host: GitHub
• URL: https://yuche.github.io/vue-strap/
• Owner: yuche
• License: mit
• Archived: true
• Created: 2015-10-07T01:57:53.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2019-04-13T12:04:36.000Z (over 5 years ago)
• Last Synced: 2024-05-20T19:44:45.122Z (7 months ago)
• Language: JavaScript
• Homepage: http://yuche.github.io/vue-strap/
• Size: 11 MB
• Stars: 4,716
• Watchers: 201
• Forks: 939
• Open Issues: 255
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-vue-cn - VueStrap
• awesome-vue-js - VueStrap

README

        
# deprecated

SORRY, THIS PROJECT IS NO LONGER MAINTAINED.

There are two great alternatives:

* [bootstrap-vue](https://github.com/bootstrap-vue/bootstrap-vue): BootstrapVue provides one of the most comprehensive implementations of Bootstrap 4 components and grid system for Vue.js and with extensive and automated WAI-ARIA accessibility markup.

* [uiv](https://github.com/wxsms/uiv): Bootstrap 3 components implemented by Vue 2.

# vue-strap

Bootstrap components built with Vue.js.

This repository contains a set of native Vue.js components based on Bootstrap's markup and CSS. As a result no dependency on jQuery or Bootstrap's JavaScript is required. The only required dependencies are:

* [Vue.js](http://vuejs.org/) (required ^v1.x.x, test with v1.0.8).

* [Bootstrap CSS](http://getbootstrap.com/) (required 3.x.x, test with 3.3.5). VueStrap doesn't depend on a very precise version of Bootstrap.

## Installation

### NPM

```bash

$ npm install vue-strap

```

### CommonJS

```js

var alert = require('vue-strap/src/alert');

// or

var alert = require('vue-strap').alert;

new Vue({

  components: {

    'alert': alert

  }

})

```

### ES6

```js

import alert from 'vue-strap/src/alert'

// or

import { alert } from 'vue-strap'

new Vue({

  components: {

    alert

  }

})

```

### AMD

```js

$ bower install vue-strap

define(['vue-strap'], function(VueStrap) { var alert = VueStrap.alert; ... });

```

### Browser globals

The `dist` folder contains `vue-strap.js` and `vue-strap.min.js` with all components exported in the window.VueStrap object. These bundles are also available in [CDNJS](https://cdnjs.com/libraries/vue-strap),

and on both the Bower and NPM packages.

```html

    var vm = new Vue({

        components: {

            alert: VueStrap.alert

        },

        el: "#app",

        data: {

            showRight: false,

            showTop: false

        }

    })

```

## Docs

See the [documentation](http://yuche.github.io/vue-strap/) with live editable examples.

## Local Setup

* Install with `npm install`

* Run the docs site in development mode with `npm run docs`. This will watch for file changes as you work.

* Build with `npm run build`.

## TODO

See [Roadmap](https://github.com/yuche/vue-strap/issues/41)

## License

vue-strap is licensed under [The MIT License](LICENSE).