Theme Slate would like to invite everyone to it's self exhibition on Kickstrap nickl-'s fork proudly parading around in the latest bootstrap docs.

It became evident that this theme has suffered some neglect and now with the added TLC can proudly go out and face the world. While I was fixing the bugs I also took the time to extend the exposed variables a complete list was worked into the documentation, please have a look and send me your feedback and comments.

The theme is a dream to work with now while I started collecting our documentation into a working subset again, see #5 but the true test will be to see how customizable it will be when making new themes and I am excited to see what the community can come up with. Do we have any pixel gurus around, you are invited to come do your magic. I will gladly help should you get stuck or have any questions but I have a feeling it's going to be a breeze =) Have a look and .give me your opinion.

I tried to change the theme in in file theme.less, but I got this error:

less-2.2.1/lib/less/js/lib/less/parser.js:385:31: variable @primaryButtonBackground is undefined (Less::Error)
    from /home/01354488679/.rvm/gems/ruby-1.9.2-p290/gems/less-2.2.1/lib/less/parser.rb:57:in `block in to_css'
    from /home/01354488679/.rvm/gems/ruby-1.9.2-p290/gems/less-2.2.1/lib/less/java_script/v8_context.rb:90:in `block in do_lock'
    from /home/01354488679/.rvm/gems/ruby-1.9.2-p290/gems/less-2.2.1/lib/less/java_script/v8_context.rb:88:in `do_lock'
    from /home/01354488679/.rvm/gems/ruby-1.9.2-p290/gems/less-2.2.1/lib/less/java_script/v8_context.rb:60:in `lock'
    from /home/01354488679/.rvm/gems/ruby-1.9.2-p290/gems/less-2.2.1/lib/less/java_script/v8_context.rb:30:in `exec'
    from /home/01354488679/.rvm/gems/ruby-1.9.2-p290/gems/less-2.2.1/lib/less/java_script.rb:26:in `exec'
    from /home/01354488679/.rvm/gems/ruby-1.9.2-p290/gems/less-2.2.1/lib/less/parser.rb:57:in `to_css'
    from /home/01354488679/.rvm/gems/ruby-1.9.2-p290/gems/less-2.2.1/bin/lessc:23:in `<top (required)>'
    from /home/01354488679/.rvm/gems/ruby-1.9.2-p290/bin/lessc:19:in `load'
    from /home/01354488679/.rvm/gems/ruby-1.9.2-p290/bin/lessc:19:in `<main>'

http://ajkochanowicz.github.com/Kickstrap/themes.html
This information is old, so i dont understand how to change theme.

As Murphy would have it, this was the first theme I sat down with to customize and seems to be the only one missing the import statement. .... you can imagine!?!?!

https://github.com/nickl-/Kickstrap/commit/bef1683bb2a304bcc0d5aac8db8e9eb985d00509

In hope that the next person does not have to go through that as well.

Great, these things about apps seem be be understood now :)

But I still get this error in the latest Firefox 16.0.1:

TypeError: document.styleSheets[i].rules is undefined
for (j = 0; j < document.styleSheets[i].rules.length; j++) {

But now, I get this one in Chrome 22.0.1229.94:

Kickstrap: Executing kickstrap.ready() functions index.php:1

GET http://www.staging1.pulponair.de/fileadmin/Template/js/Kickstrap/apps/knockout/vhttp://netdna.getkickstrap.com/Kickstrap/apps/knockout/view.model.js?_=1350516191860 404 (Not Found) jquery.min.js:4

Resource interpreted as Font but transferred with MIME type application/octet-stream: "http://www.staging1.pulponair.de/fileadmin/Template/js/Kickstrap/extras/fontawesome/font/fontawesome-webfont.woff". index.php:184

I am loading the jquery.min.js from Google:
https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js

The root is acutally set right I would say but somehow the path looks strange ;)

Update: http://adamkochanowicz.com/2012/twitter-bootstrap-like-youve-never-seen-it-before/

Just finished a Kickstrap project I'll be sharing soon. I now have time to commit myself on getting Kickstrap to v. 1.0.

There are going to be some philosophical changes (let's say) to how Kickstrap will work and what it is intended to be used for. I'll provide some more background later, but here's the gist:

Kickstrap 1.0 will be

• Smaller (all those js files will be opt-in.)
• Friendlier (to beginners while still powerful and fast for advanced users.)
• Prettier (I hate the default theme too.)

Thanks for your help and appreciation.

Adam (@yourwebsitesUX)

https://github.com/davatron5000/FitVids.js

From: http://getkickstrap.com/apps/epic-editor-214360/

Should be EpicEditor. Also, the description could just use ours:

EpicEditor is an embeddable JavaScript Markdown editor with split fullscreen editing, live previewing, automatic draft saving, offline support, and more. For developers, it offers a robust API, can be easily themed, and allows you to swap out the bundled Markdown parser with anything you throw at it.

Hey Guys,

I just wanted to add this as a this as a possible bug. I downloaded the newest version and simply ran the build to see what i got and it would not do so. I'm farily sure it's nothing I've forgot to do. Just letting you know. Thanks.

MacBook-Pro:build tss$ ant build
Buildfile: /Applications/MAMP/htdocs/websitename.ca/websitename.ca_trunk/html/build/build.xml

build:
[echo] Building a Production Environment...

-intro:
[echo] =====================================================================
[echo] Welcome to the HTML5 Boilerplate Build Script!
[echo]
[echo] We're going to get your site all ship-shape and ready for prime time.
[echo]
[echo] This should take somewhere between 15 seconds and a few minutes,
[echo] mostly depending on how many images we're going to compress.
[echo]
[echo] Feel free to come back or stay here and follow along.
[echo] =====================================================================
[echo]
[echo]

-clean:
[echo] Cleaning up previous build directory...
[delete] Deleting directory /Applications/MAMP/htdocs/websitename.ca/websitename.ca_trunk/html/intermediate
[delete] Deleting directory /Applications/MAMP/htdocs/websitename.ca/websitename.ca_trunk/html/publish

-mkdirs:
[echo] Creating directory structure... publish
[mkdir] Created dir: /Applications/MAMP/htdocs/websitename.ca/websitename.ca_trunk/html/intermediate
[copy] Copied 50 empty directories to 50 empty directories under /Applications/MAMP/htdocs/websitename.ca/websitename.ca_trunk/html/intermediate
[mkdir] Created dir: /Applications/MAMP/htdocs/websitename.ca/websitename.ca_trunk/html/publish
[copy] Copied 50 empty directories to 50 empty directories under /Applications/MAMP/htdocs/websitename.ca/websitename.ca_trunk/html/publish

-js.all.minify:
[echo] Minifying scripts
[copy] Copying 13 files to /Applications/MAMP/htdocs/websitename.ca/websitename.ca_trunk/html/intermediate/js

-js.main.concat:
[echo] Concatenating Main JS scripts...

-js.mylibs.concat:
[echo] Concatenating JS libraries
[echo] Concatenating all files in ./intermediate/js/ that don't fit the H5BL folder structure
[echo] The following will be excluded: ${file.js.bypass}, js/libs/, js/modules/, bootstrap.min.js, scripts-concat.js and plugins.js

-js.scripts.concat:
[echo] Concatenating library file with main script file
[copy] Copying 1 file to /Applications/MAMP/htdocs/websitename.ca/websitename.ca_trunk/html/publish/js

-less:
[echo] Converting LESS to CSS...
[echo] Minifying css...
[checksum] Could not find file /Applications/MAMP/htdocs/websitename.ca/websitename.ca_trunk/html/intermediate/css/style.less.min.css to generate checksum for.

BUILD FAILED
/Applications/MAMP/htdocs/websitename.ca/websitename.ca_trunk/html/build/build.xml:143: The following error occurred while executing this line:
/Applications/MAMP/htdocs/websitename.ca/websitename.ca_trunk/html/build/build.xml:883: Could not find file /Applications/MAMP/htdocs/websitename.ca/websitename.ca_trunk/html/intermediate/css/style.less.min.css to generate checksum for.

Total time: 1 minute 34 seconds

A lot of you have suggested some super cool code projects that can work as "extras" for Kickstrap 1.0.
I've finally developed a way to deliver Kickstrap OEM prepackaged with just a few of these, but allow users to easily pick and choose the add-ons they want in addition.

Please use the comments below to nominate add-ons

I'll package the best ones and do some magic with the other good ones to make them easily plug-innable to Kickstrap 1.0.

Here are my nominations:
MediaElement.js (http://mediaelementjs.com/)
Select2/Chosen (http://harvesthq.github.com/chosen/) and/or (http://ivaynberg.github.com/select2/)
jGrowl (http://stanlemon.net/pages/jgrowl)
Modernizr (http://modernizr.com/)
Animate.css (http://daneden.me/animate/)
Timeline.js (http://timeline.verite.co/)
Hammer.js (http://eightmedia.github.com/hammer.js/)
Stroll.js (http://lab.hakim.se/scroll-effects/)
Mousetrap (http://craig.is/killing/mice)
A Simple Tour (http://alvaroveliz.github.com/aSimpleTour/)

jQuery bug fixes have been out for a while now: http://blog.jquery.com/2012/03/21/jquery-1-7-2-released/
& seems there are other good updates at h5bp: https://github.com/h5bp/html5-boilerplate
Noteworthy: the js/libs folder is renamed to js/vendor
TIA

css/bootstrap.css is a full compiled version.

Can we please have a compressed version as well in the final varsion?

Just a reminder to myself to add documentation for animate.css.

It's already supported and implemented in the RC, btw.

In firefox 16.0.1 I am getting the text "on" just after the themesFunctions Script when viewed in the Source. Can you tell me why this is displaying here? It does not appear in any other browser. Am I missing something simple? Thank you.

<script id="rootDir" type="text/javascript">
<script>
<script id="themeFunctions">
on
<script id="console" type="text/javascript">
<script class="extras" type="text/javascript">

I'm not sure where this is going to end up but would like to point you to a tweet from Glyph Icons creator:-

https://twitter.com/#!/glyphicons/status/180213589494345728

It sucks to define apps at the page-level rather than application-wide.

I'm proposing some solutions here:

https://github.com/ajkochanowicz/Kickstrap/wiki/Page-level-apps

The less file is not loading when I open my page in Chrome. Any idea why? It works fine in Firefox.

It would be nice to have a wiki page about custom changes location. I would create such wiki page, but not sure what was your intention about it.

I.e., if I want to use 'amelia' theme and also add some more CSS and JS, where would those custom files go? I do not want to modify the theme as it will be updated and I may loose all changes.

Line 3692 in css/bootstrap.css explains that changes have to be done to overrides.less, which may be rewritten on next update.

I propose to store all custom CSS (non-LESS) and JS files in separate dir that will be empty in Kickstrap distribution package and, therefore, all files will be preserved.

OR, there can be some naming convention (filename namespacing) to store those custom files in the same dirs ('css' and 'js') as compiled LESS and js files.

http://cdnjs.com/

http://ajkochanowicz.github.com/Kickstrap/index.html

Link to harvest's site doesn't have an http:// so it's broken.

PS - this project is awesome!

Questions, processes, discussions, policies activities etc. related to keeping track of changes with boilerplate.

I went ahead to see what will be entailed in merging with our sister project after I read issue 23 by tomBryer,

Because there are no documentation, I could find and before I just dive ahead with assumptions lets just sit down a discuss a few topics first.

There has been quite a few refactoring changes that need to be reworked here as well as the death of HOT pink, may she rest in peace. Let us bow our heads in silence for one minute.

Getting the following error in IE9:

SCRIPT5007: Unable to get value of the property 'apps': object is null or undefined
kickstrap.min.js, line 1 character 4323

Any ideas on this? works fine in IE8/ IE7 , Chrome and firefox

Cheers,
Bran

Hi,

The modal overlay from bootstrap appears to be broken. It doesn't work at all on the demo page http://getkickstrap.com/bootstrapui/javascript/#modals (i.e. the "launch demo modal") doesn't work.

In my app it half works in that it slides down, but it seems to be 50% above the top of the screen.

Please let me know if you need any further details.

I just installed Ubuntu 12.4 on a laptop, & could not find direct instructions for it here: http://ajkochanowicz.github.com/Kickstrap/h5bp.html#buildscript
Same as OSX?
Thanks for all your hard work!

I'd like to begin a discussion on what apps for the second major release of Kickstrap will look like. It's a long way off but their current design is worthy of an overhaul.

Mainly, should we deprecate config.ks in favor of something more structured and scalable like config.json?

I'd really like to see developers build apps that have more complicated dependency schemes. How does everyone feel about apps so far?

I have a budding version of Kickstrap 1.0 in the works right now and would like to send it to about five people for them to play with. If you're interested, send me an email at [email protected]

Thanks.

Adam

In Safari, when using flipInX, flipOutX classes sometimes the background overlays on top of the modal dialog, making it half visible. In Chrome, sometimes the modal dialog is invisible. Seems to be some weird interactions between CSS animations and plugins? Example here: http://mitch.amiano.agilemarkup.com/explorations/kickstrap/modalFadeIsUnpredictable.html

Hi there!

I really like your project but when I execute 'make bootstrap' this is my output:
mkdir -p bootstrap/img
mkdir -p bootstrap/css
mkdir -p bootstrap/js
cp img/* bootstrap/img/
lessc ./less/bootstrap.less > bootstrap/css/bootstrap.css
lessc --compress ./less/bootstrap.less > bootstrap/css/bootstrap.min.css
lessc ./less/responsive.less > bootstrap/css/bootstrap-responsive.css
NameError: .input-block-level is undefined in /Users/me/Downloads/ajkochanowicz-Kickstrap-52a3cf2/less/responsive.less:185:4
184 .uneditable-input {
185 .input-block-level();
186 }

make: *** [bootstrap] Error 2

Any suggestions?

Hey there :-)

I really like your Chosen() inputs, but we have a small problem. We have a navigation bar on the left of our website which can be toggled to be displayed or not using JavaScript. When it is hidden, the main content has a width of span12 (fluid), and if it is shown, it hasa width of span11. Within the content we have many form elements that have their own spanX widths, and they all change their width relatively to the parent's width (span12 or span11), but the Chosen() input doesn't. I think this is because it is rendered only when the document is loaded. So is there a way to make it change its width? E.g. by re-triggering the function which renders the element?

Thank you. Josh

On your example

http://ajkochanowicz.github.com/Kickstrap/javascript.html#buttons

Doesn't work any buttons

1. Checkbox
   1.1 Click to "left", button "left" should be stay pressed, but it doesn't

Chrome says:

Uncaught RangeError: Invalid array length kickstrap.js:89
Array.remove kickstrap.js:89
(anonymous function) ext-dd.js:7
B ext-dd.js:7

Firefox says:

RangeError: invalid array length [Break On This Error]
this.length = from < 0 ? this.length + from : from; kickst...0249766 (line 89)

RangeError: invalid array length [Break On This Error]
this.length = from < 0 ? this.length + from : from; kickst...0249766 (line 89)

RangeError: invalid array length [Break On This Error]
this.length = from < 0 ? this.length + from : from; kickst...0249766 (line 89

I am getting this error when I run the build script.

Minifying scripts
copy
Copying 3 files to /Users/peter/Projects/test/intermediate/js
apply
/Users/peter/Projects/test/js/tests/server.js:10: ERROR - Parse error. missing name after . operator
      .use(connect.static(__dirname + '/../../'));
                          ^

1 error(s), 0 warning(s)

Don't know how to explain it, but here is an example: http://mitch.amiano.agilemarkup.com/explorations/kickstrap/iconographyGlitches.html

The icons are laid out in list items using inline-block, and at least on webkit browsers many of the icons are overlaid in a seeming random manner.

I think Kickstrap could really use the plugin mechanism from Boostrap to propose more plugins from the start. Two very interesting one would be the calendar and colorpicker from the Bootstrap issues, that way Kickstrap would both complete and take Bootstrap beyond. Again this is just an example but there are a lot of really good plugins that would be nice to have from the start, like pollyfills and stuff.

We integrated with the previous version of Kickstrap and we LOVE IT.

But the old website used to have some very awesome samples and a gallery of the different components in kickstrap.

Now the website is changed for the new version- but is that old version of the site around anywhere?

I have tried looking through the git repo and couldnt find it..

I also tried using archive.org- which keeps copies of old sites, but it turns out github.com has a robots file that disallows crawling..

so I am sol..

I looked all around and could not find a email address or a support forum so I am sorry for filing a bug- but I have no other way of contacting you-

github doesnt seem to have a email system either- you cant just email the author

anyways-

feel free to send me mail at

bbraatz (AT) megashares . com

thanks

Brian

Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results

https://github.com/ivaynberg/select2

http://bootboxjs.com/ gives a nice model / dialog component on top of Twitter Bootstrap. Seems useful. Would you consider including the same in your "full version" Kickstrap ? ;)

The CSS files for both IcoMoon and FontAwesome both use the following CSS:

[class^="icon-"]::before, [class*=" icon-"]::before {
    /*css here*/
}

We should consider modifying the selector for one of the packages so that both can work together.

If you agree I would like to discuss our strategy around add-ons and specifically concerns I have with the extras folder as we are implementing it today.

• Are we happy with the current layout of the extras folder?
• What exactly do we put in there?
• Is it's purpose intuitive enough to users?
• Should we add more structure to this folder perhaps?

What is the purpose of the extras/css folder and how does this relate to css on root?
I am asking about the relation specifically as it currently contains the other bootstrap stylesheets as well and this makes no sense. Why do we not have an extras/js folder then?

Because we are keeping copies of other projects from outside of the work done here it will be beneficial to define a few things like:

• What, if any, are the limits to the type of add-ons we include?
• What is the criteria by which we decide if something should be included?
• Where will they be placed when included?
• How and when will they get updated?
• What about their specific licensing and could there be conflicts?

It might be worth our time to define this before we release v1.0 and have a world of trouble trying to maintain a compatible upgrade path for consecutive releases. We might benefit from a bit more structure in the extras folder which will also alleviate confusion, allow easier maintenance and less problems with lost or missing children like the ones I found above. This will only become more tricky as the source base gets bigger.

It will all depend on what exactly we will consider for inclusion and how this will differ from build/tools as there might be considerable overlap, before we can define a structure I would imagine. One suggestion I have so far would be to add a fonts folder and move icomoon and fontawesome in there which can contain any subsequent fonts and is similar to what we're doing with the themes folder.

If we can group the different types we might consider removing the settings folder, as it would not make sense anymore and keep config files in the root of every folder ie extras/overrides.less, extras/themes/import.less maybe we should call the files settings or config to make it more intuitive.

What are your thoughts?

Click to open dropdown menus are great for items that you don't need to frequently access, but for sites that have more pages than will comfortably fit in the navbar a dropdown menu that activates on hover would be useful.

Personally I would prefer that it not use the various transition effects that run rampant on the themes that Themeforest sells, but I can imagine everyone might not agree.

Would it be out of scope to add an audio & video player to h5bp?
Native browser players have different GUIs, cloud hosting makes media streaming affordable, etc... I found MediaelEment.js interesting. Pros & cons:

• Great to share in common skinning
• Less to worry about formats vs browser compatibilities, since not all browsers use all formats. mediaelement.js takes that worry away
• ME is active on github
• another package to worry about

What you think?

Can you tell me what I'm doing wrong I have recently downloaded a fresh copy from Kickstrap website but can't seem to get dropdown menus or responsive drop down to work.

I am compiling Kickstrap.less with WinLess.
I have replaced kickstrap.less with a link to the compiled kickstrap.CSS in the head of index.html like so:

I have also modified the kickstrap.less to include responsive.less by removing comment and I am running project on local machine using IIS express. Have I left something out?

Link
http://ajkochanowicz.github.com/Kickstrap/assets/kickstrap.zip broken
from
http://ajkochanowicz.github.com/Kickstrap/index.html
is broken.

I noticed an entry in sample_index.html while merging with h5dp A nickl-/Kickstrap@a18ab0516d40566be45396f2b1b69f651ba664fe

  <!--[if lt IE 7]>
    <link href="css/bootstrap.ie6.css" rel="stylesheet">
  <![endif]-->

I found the file in question, which does not reside under css but extras/css and this was fixed in the update referred to above.

I am assuming that this file/entry refers to the work done @ Bootstrap-IE6 if this is correct then we are missing the js part of the solution and is therefor incomplete. Would you agree?

Are we still including this and if yes I suggest we create a proper folder for the distro under extras, comment the entry in sample_index.html and implement the js part as well. Anyone disagree?

When a Chosen dropdown is added with many items on a smaller modal, it does not render correctly.

on http://ajkochanowicz.github.com/Kickstrap/examples/sample.html

or just me?

Hi there!

I get this error in Chrome console on loading the website with Kickstrap (1.1.0 Beta) included:

TypeError: document.styleSheets[i].rules is undefined
in kickstrap (line 188)
for (j = 0; j < document.styleSheets[i].rules.length; j++) {

it's inside function setupKickstrap()

Any idea where the problem could be?

Best regards,
Thomas

Sort of new to all this, but I get the following when trying to build from the current master branch:

Microsoft Windows Version 6.2.8250 2012 Microsoft Corporation. All rights reserved.

C:\Users\Sean\Downloads\ajkochanowicz-Kickstrap-v2.0.1-323-g8b211e8\ajkochanowic
z-Kickstrap-8b211e8\build>ant build
Unable to locate tools.jar. Expected to find it in C:\Program Files\Java\jre7\li
b\tools.jar
Buildfile: C:\Users\Sean\Downloads\ajkochanowicz-Kickstrap-v2.0.1-323-g8b211e8\a
jkochanowicz-Kickstrap-8b211e8\build\build.xml

build:
[echo] Building a Production Environment...

-intro:

[echo] ====================================================================

 [echo] Welcome to the HTML5 Boilerplate Build Script!
 [echo]
 [echo] We're going to get your site all ship-shape and ready for prime time

.
[echo]
[echo] This should take somewhere between 15 seconds and a few minutes,
[echo] mostly depending on how many images we're going to compress.
[echo]
[echo] Feel free to come back or stay here and follow along.

[echo] ====================================================================

 [echo]
 [echo]

-clean:
[echo] Cleaning up previous build directory...

-mkdirs:
[echo] Creating directory structure... publish
[mkdir] Created dir: C:\Users\Sean\Downloads\ajkochanowicz-Kickstrap-v2.0.1-
323-g8b211e8\ajkochanowicz-Kickstrap-8b211e8\intermediate
[copy] Copied 51 empty directories to 51 empty directories under C:\Users\S
ean\Downloads\ajkochanowicz-Kickstrap-v2.0.1-323-g8b211e8\ajkochanowicz-Kickstra
p-8b211e8\intermediate
[mkdir] Created dir: C:\Users\Sean\Downloads\ajkochanowicz-Kickstrap-v2.0.1-
323-g8b211e8\ajkochanowicz-Kickstrap-8b211e8\publish
[copy] Copied 51 empty directories to 51 empty directories under C:\Users\S
ean\Downloads\ajkochanowicz-Kickstrap-v2.0.1-323-g8b211e8\ajkochanowicz-Kickstra
p-8b211e8\publish

-js.all.minify:
[echo] Minifying scripts
[copy] Copying 2 files to C:\Users\Sean\Downloads\ajkochanowicz-Kickstrap-v
2.0.1-323-g8b211e8\ajkochanowicz-Kickstrap-8b211e8\intermediate\js
[apply] C:\Users\Sean\Downloads\ajkochanowicz-Kickstrap-v2.0.1-323-g8b211e8
ajkochanowicz-Kickstrap-8b211e8\js\tests\server.js:10: ERROR - Parse error. miss
ing name after . operator
[apply] .use(connect.static(__dirname + '/../../'));
[apply] ^
[apply]
[apply] 1 error(s), 0 warning(s)
[apply] Result: 1

-js.main.concat:
[echo] Concatenating Main JS scripts...

-js.mylibs.concat:
[echo] Concatenating JS libraries
[echo] Concatenating all files in ./intermediate/js/ that don't fit the H5B
L folder structure
[echo] The following will be excluded: ${file.js.bypass}, js/libs/, js/mod
ules/, bootstrap.min.js, scripts-concat.js and plugins.js

-js.scripts.concat:
[echo] Concatenating library file with main script file
[copy] Copying 1 file to C:\Users\Sean\Downloads\ajkochanowicz-Kickstrap-v2
.0.1-323-g8b211e8\ajkochanowicz-Kickstrap-8b211e8\publish\js

-less:
[echo] Converting LESS to CSS...
[echo] Minifying css...
[checksum] Could not find file C:\Users\Sean\Downloads\ajkochanowicz-Kickstrap-
v2.0.1-323-g8b211e8\ajkochanowicz-Kickstrap-8b211e8\intermediate\css\style.less.
min.css to generate checksum for.

BUILD FAILED
C:\Users\Sean\Downloads\ajkochanowicz-Kickstrap-v2.0.1-323-g8b211e8\ajkochanowic
z-Kickstrap-8b211e8\build\build.xml:143: The following error occurred while exec
uting this line:
C:\Users\Sean\Downloads\ajkochanowicz-Kickstrap-v2.0.1-323-g8b211e8\ajkochanowic
z-Kickstrap-8b211e8\build\build.xml:883: Could not find file C:\Users\Sean\Downl
oads\ajkochanowicz-Kickstrap-v2.0.1-323-g8b211e8\ajkochanowicz-Kickstrap-8b211e8
\intermediate\css\style.less.min.css to generate checksum for.

Total time: 46 seconds

C:\Users\Sean\Downloads\ajkochanowicz-Kickstrap-v2.0.1-323-g8b211e8\ajkochanowic
z-Kickstrap-8b211e8\build>

It looks like we need the less file to be initially included?

http://ajkochanowicz.github.com/Kickstrap/components.html#progress

Progressive Disclosure

http://i.imgur.com/nlg8u.png?1

A progress bar uses Bootstrap recommended code, but doesn't appear striped or animated:
<div class="progress progress-striped active">

To make it work add progress-info (or -danger, or -success) to the classes:
<div class="progress progress-danger progress-striped active"&gt

The coding style suggested by the docs doesn't work because the base style obscures the stripes and animation.

In the rule with selectors: .progress .bar, .progress .step-full, Kickstrap, or possibly a theme, appears to obscure the animation with two linear gradient background-image properties:

background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4183C4), to(#3269A0));
background-image: -webkit-linear-gradient(top, #4183C4, #3269A0);