Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

@npmcorp/pui-css-grids

6.4.0 • Public • Published

@npmcorp/pui-css-grids

A CSS grids component that can be installed via this npm package. The package provides all of the CSS you need to use the component.

Installation

To install the package, from the command line, type:

npm install pui-css-grids

Usage

<div class="row grid-show">
  <div class="col-md-2"></div>
  <div class="col-md-2"></div>
  <div class="col-md-2"></div>
  <div class="col-md-2"></div>
  <div class="col-md-2"></div>
  <div class="col-md-2"></div>
  <div class="col-md-2"></div>
  <div class="col-md-2"></div>
  <div class="col-md-2"></div>
  <div class="col-md-2"></div>
  <div class="col-md-2"></div>
  <div class="col-md-2"></div>
</div>
 
<div class="row grid-show">
  <div class="col-md-16"></div>
  <div class="col-md-8"></div>
</div>
 
<div class="row grid-show">
  <div class="col-md-8"></div>
  <div class="col-md-8"></div>
  <div class="col-md-8"></div>
</div>
 
<div class="row grid-show">
  <div class="col-md-12"></div>
  <div class="col-md-12"></div>
</div>

You can find more examples of the grids component in the pui style guide


This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

Styleguide Github

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.

install

npm i @npmcorp/pui-css-grids

Downloadsweekly downloads

1,506

version

6.4.0

license

MIT

repository

Gitgithub

last publish

collaborators

  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar