Welcome To BootStripped

"a minimalist version of twitters 2.0 bootstrap foundation"

The basis of BootStripped is creating a css foundation, much like Bootstrap, but without most of the obvious styling that comes with bootstrap. BootStripped gives architecture rather than experience in terms of site layout.

You'll notice that BootStripped utilizes multiple css classes within single elements. By using object oriented styling. This allows one to apply styles fast, effective, and carefree. Many classes are prebuilt and can be added to any elements in the HTML.

Download BootStripped 1.0 View Source (Chrome | Firefox only)

This is a large header

This is a large header

This is a large header

This is a large header

This is a large header
This is a large header

This is a standard paragraph

This is a paragraph in italic

This is a paragraph in bold italic

This is a paragraph in all caps

This is a paragraph in large text

This is a paragraph in small text

This is some colored text using classes | abcdefghijklm

This is some colored text using classes | abcdefghijklm

This is some colored text using classes | abcdefghijklm

This is some colored text using classes | abcdefghijklm

This is some colored text using classes | abcdefghijklm

This is some colored text using classes | abcdefghijklm

Larger Text Perhaps For A Title Or Anouncement

<a href="#" class="button">Button Example</a>

or

<a href="#" class="button-red">Button Example</a>

and so on for each color

An example of how to use multiple css classes

<h2 class="top10 green">This is a green heading 10 pixels from the top</h2>

And the result

This is a green heading 10 pixels from the top

Another example

<p class="thickLineT blue">This is a blue paragraph with a thick line on top</p>

And the result

This is a blue paragraph with a thick line on top

You can also use BootStripped classes with existing Bootstrap classes and grids

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eget ultricies odio. Vivamus adipiscing vulputate gravida. Morbi bibendum ante a mi suscipit ut auctor diam molestie. Nam quis massa lectus, in pulvinar mauris. Sed a nibh vitae neque mattis aliquet vel nec erat. Quisque non magna ipsum, sed condimentum tortor. Cras varius dui ut sem consequat aliquet porttitor erat tincidunt.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eget ultricies odio. Vivamus adipiscing vulputate gravida. Morbi bibendum ante a mi suscipit ut auctor diam molestie. Nam quis massa lectus, in pulvinar mauris. Sed a nibh vitae neque mattis aliquet vel nec erat. Quisque non magna ipsum, sed condimentum tortor. Cras varius dui ut sem consequat aliquet porttitor erat tincidunt.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eget ultricies odio. Vivamus adipiscing vulputate gravida. Morbi bibendum ante a mi suscipit ut auctor diam molestie. Nam quis massa lectus, in pulvinar mauris. Sed a nibh vitae neque mattis aliquet vel nec erat. Quisque non magna ipsum, sed condimentum tortor. Cras varius dui ut sem consequat aliquet porttitor erat tincidunt.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eget ultricies odio. Vivamus adipiscing vulputate gravida. Morbi bibendum ante a mi suscipit ut auctor diam molestie. Nam quis massa lectus, in pulvinar mauris. Sed a nibh vitae neque mattis aliquet vel nec erat. Quisque non magna ipsum, sed condimentum tortor. Cras varius dui ut sem consequat aliquet porttitor erat tincidunt.

  <ul class="nav nav-tabs thinestLineT top30">
    <li> Link One </li>
    <li> Link Two </li>
    <li> Link Three </li>
  <ul>