littke / inspiritas-bootstrap Goto Github PK

License: Apache License 2.0

JavaScript 100.00%

inspiritas-bootstrap's Introduction

Inspiritas - a free Bootstrap theme

From the Swedish web design and development firm Ripple comes the highly anticipated release of Campaign UI - not only as a PSD but as an entirely coded frontend theme.

All the goodness of Bootstrap 2
A hand-crafted, completely new visual theme
Easy to customize
Free and maintained
Uses overrides to make future updates to Bootstrap easy to get
Photoshop-file included
BONUS: Includes styling for Highcharts charting library

Just fork it and get started.

Origins

Jonatan Littke debuted on Dribbble with his Campaign UI and made it to the front page on the first day. Many have requested this design as a PSD and now it's released by Ripple for free.

How to use

Fork this repo or download the latest zip.
Drop the inspiritas.css into your <head>.
Use it as you would the regular Bootstrap. It's that simple.

Customizations

If you want to edit anything, fork or clone the repo and open variables.less. It contains the original Bootstrap variables along with some new ones for Inspiritas.

Make whichever changes you want and then run a less compiler to create the updated and minified CSS for you.

Adding overrides

All styling by Inspiritas extends or overrides the original Bootstrap styling. This makes it easy to get new patches from Bootstrap into the theme.

We recommend you use the same method if you want to change more than what the variables allow you to. In the end of inspiritas-theme.less, you can add your own styles.

If you keep all the original styling of both Bootstrap and Inspiritas intact, you can get new updates from us as well, without having to go through tons of git conflicts.

Photoshop file included

We've included the original PSD file we used to build this design. Note that when coding the theme some subtle changes were made and we perceive the coded theme to be the correct version in most cases, but the PSD file may still be useful for you.

Also, the PSD includes some elements we've not yet coded but may in the future.

Highcharts charting library

The JavaScript library for the graph is called HighchartsJS. It's free for non-commerical projects but quite costly for commerical use.

inspiritas-bootstrap's People

Contributors

Stargazers

Watchers

inspiritas-bootstrap's Issues

select box styling

It appears to me the select boxes, radio buttons and check boxes are not style as it was done for input text fields.

Are there any special classes for them?

Thanks

Submit button outside of the form

In the example page, the form submit button is outside of the form which means we can't use it to submit the form without javascript.

When placing the form-action div inside the form, it is moved to the right so I had to use the following which is a bit messy:

<form class="form-horizontal" method="POST">
    <div class="row-fluid">     
        <div class="control-group">
            <label class="control-label" for="field1">field1</label>
            <div class="controls">
                <textarea name="field1" id="field1" class="input-xxlarge" rows="5" required></textarea>
            </div>
        </div>
    </div>
    <div class="form-actions row-fluid">
        <button class="btn btn-primary" type="submit">Submit</button>
    </div>
</form>

Is it possible to make the form look nice with the buttons inside it without using two row-fluid classes?
Thanks

Chrome rendering errors

Seems like the Dashboard part of the theme won't render inline correctly on Chrome any more

Project license

Hi, Jonatan. Awesome job with this bootstrap theme. Seriously.

I have been searching along the files and I did not found the template license, just the framework one. Did I miss something? If not, could you specify one?

Thanks!