Walmart Checks UI Toolkit

This toolkit is a growing resource with ready-to-use front-end building blocks based on Bootstrap. The library is built with the Atomic Design concept in mind. Please check it out if you’re not familiar with it before jumping in.

Introduction

The CITM UI Toolkit is built from a customized SASS port of Bootstrap. It utilizes Bootstrap’s responsive grid system, which is demostrated below. Visit Bootstrap’s site for a more detailed explanation of grid options.

When hovering over any component in the toolkit, a < > button will appear. Clicking this button opens a modal to the source code for that component for easy copying.

More on Bootstrap SASS

Grid Example

.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-8
.col-md-4
.col-md-4
.col-md-4
.col-md-4
.col-md-6
.col-md-6