Scaffolding simply refers to pre set classes that help you to create various layouts.

1 - "one-full"

Scaffolding is a simple base grid system with semantic class names which makes remembering them much easier! There is also a non-semantic last class to add to the last div in a row. This class simply removes the right margin.

<div class="one-full">some content to be wrapped ...</div>

1/2 - "one-half"

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis.

<div class="one-half">some content to be wrapped ...</div>

1/2 - "one-half last"

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis.

<div class="one-half last">some content to be wrapped ...</div>

1/3 - "one-third"

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis.

<div class="one-third">some content to be wrapped ...</div>

1/3 - "one-third"

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis.

<div class="one-third">some content to be wrapped ...</div>

1/3 - "one-third last"

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis.

<div class="one-third last">some content to be wrapped ...</div>

1/3 - "one-third"

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis.

<div class="one-third">some content to be wrapped ...</div>

2/3 - "two-third last"

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis.

<div class="two-third last">some content to be wrapped ...</div>

1/4 - "one-quarter"

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis.

<div class="one-quarter">some content to be wrapped ...</div>

1/4 - "one-quarter"

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis.

<div class="one-quarter">some content to be wrapped ...</div>

1/4 - "one-quarter"

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis.

<div class="one-quarter">some content to be wrapped ...</div>

1/4 - "one-quarter last"

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis.

<div class="one-quarter last">some content to be wrapped ...</div>