Frameworks integration

What are the supported frameworks?

• Bootstrap
• site: http://getbootstrap.com/
• GitHub repo: https://github.com/twbs/bootstrap
• Foundation
• site: http://foundation.zurb.com/
• GitHub repo: https://github.com/zurb/foundation
• Semantic UI
• site: http://semantic-ui.com/
• GitHub repo: https://github.com/semantic-org

What does it mean when a framework is supported by Feather?

For every framework we support, we're making a package that contains the following things:

• All of the templates for our widgets - Every template is fine-tuned to use the native classes for each framework. This means that our widgets will have the look and feel of the framework you've selected.
• The framework files(CSS, JS, fonts, etc.) - We're using npm to load the framework and GruntJS to integrate it in our package. This makes updating the framework super easy. It also means that if you're already familiar with the framework you can start using its classes straight away, without the need to load it separately.
• The grid system of the framework is integrated with our layout widget templates.

We'll update our packages whenever there is an update of the frameworks we support.

How to install the framework packages?

All of the Feather packages are already available to, once you've installed the Feather module. If you haven't installed the module yet you can read the Getting Started article to see how to install it - https://github.com/Sitefinity/feather/wiki/getting-started

How to upgrade the framework packages?

There are two ways of upgrading.

1. Via NuGet - I honestly have no idea how this is supposed to happen. :-) someone?
2. Download the GitHub repo - Feather packages are open source. You can find the source files on GitHub - https://github.com/sitefinity/feather-packages. To get the latest versions just clone the repo or download it as a zip and replace the ResourcePackages folder.

Can I use my own framework?

Yes! Just create a new folder within the ResourcePackages folder that mimics the file and folder structure of the framework packages we already provide you. Once you've created a default.cshtml file in \ResourcePackages\%your-framework%\MVC\Views\Layouts, Sitefinity will create a new page template that will use be based on the default.cshtml file.