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 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
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>