BootstrapUI Components

The BootstrapUI Components are a set of renderings, data templates and rendering parameters built using the HTML / CSS stylings of the Twitter Bootstrap framework.  

The items within the framework are built to model Twitter Bootstrap's markup with some additional wrapper elements and classes to allow more targeted styling.

The elements within the component library are organized and grouped by function, using a tabbed rendering selection dialog to group the like selections into similar areas.

The BootstrapUI Components are the first UI framework built on the SCORE core framework, but others will follow. When used with the SCORE Visual Studio Scaffolded solution template, these renderings can be used to jump start the composition of components needed for a specific project.

Containers
Containers is the name given to components that are generally designed to contain other components.  

These are further divided into groups that define where these items are typically used within a page structure, although these decisions can be changed by the implementing team by modifying the CSS / LESS implementation, and by adding additional classes to create specialized versions of these renderings.  Also, the list can be supplemented by adding new renderings for specific tenant websites or for the enterprise.

Content
Content renderings are a set of generic renderings designed to deliver various content elements. Since there is such a variety of UX elements to deliver content and to drive user experience, this is a rather large category of items, and the renderings in this group vary greatly in terms of use and complexity, however, most of these renders for the Bootstrap UI capture the components that are delivered by the Twitter Bootstrap framework.

Navigation
Navigation renderings are a collection of elements used to create various types of navigation user experience elements.

Since there are many approaches to rendering menus, navigation is divided up into various types of renderings.

Many of the menu renderings utilize fields within the page template to indicate (1) if the page will be in the menu and (2) what the default link text might be. The fields that drive this experience all come from various data templates within the SCORE Core.

Spiders

Spider navigation renderings are fed a root item which they use to spider the subtree of the item to find navigable elements.

Inspectors

Inspector renderings will inspect the current page and it's location within the website to generate menu links. An example of an inspector is the breadcrumb rendering.

Datasource Driven

Several of the navigation renderings are built manually using datasource items that build the list of menu link / options.