Vue.js Bootstrap 响应式网格系统组件 - vue-grid-sensitive

Vue.js  Bootstrap 响应式网格系统组件 - vue-grid-sensitive
插件名称 vue-grid-sensitive
版本号 v0.3.0
发布时间 2020年7月24日
插件作者 andrelmlins

基于Bootstrap框架的Vue.js响应网格系统。

安装和下载:

# Yarn
$ yarn add vue-grid-responsive

# NPM
$ npm i vue-grid-responsive --save

如何使用它:

1.从响应vue-grid的组件中导入组件。

import Vue from 'vue';
import { Row, Column } from 'vue-grid-responsive';

2.注册组件。

Vue.component('row', Row);
Vue.component('column', Column);

3.用HTML创建一个响应式网格系统。

<row container gutter="{12}">
  <column xs="{12}" md="{4}" lg="{3}">
    xs=12 md=4 lg=3
  </column>
  <column xs="{12}" md="{4}" lg="{3}">
    xs=12 md=4 lg=3
  </column>
  <column xs="{12}" md="{4}" lg="{3}">
    xs=12 md=4 lg=3
  </column>
  <column xs="{12}" md="{4}" lg="{3}">
    xs=12 md=4 lg=3
  </column>
</row>

变更日志:

v0.3.0(05/16/2021)

  • 更新

v0.2.2(04/14/2021)

  • 修复:网格的xl设置

v0.2.1(02/03/2021)

  • 更新包

v0.2.0(08/04/2020)

  • 创建隐藏的组件