CAP

CAP Bootstrap - v1.3.0

This CAP framework is designed to work on top of the official twitter bootstrap framework. Please use the official site for detailed documentation (e.g. examples of HTML markup, grid system).

Example Page Layouts

SASS Files

The CAP bootstrap CSS is built with SASS. The source file is located under content/css/index.scss.

Implementation

Add the following to the head of your html. Internet Explorer 8 requires the use of Respond.js to enable media query support. Using Respond.js with CSS hosted on a different (sub)domain requires extra configuration. "/Scripts/respond.proxy.gif" & "/Scripts/respond.proxy.js" need to be hosted within the source project.

                
<link rel="stylesheet" type="text/css" href="http://bootstrap.cap.co.uk/areas/v1_3_0/content/bundles/css" />
<!--[if lt IE 9]>
    <script type="text/javascript" src="http://bootstrap.cap.co.uk/areas/v1_3_0/content/libraries/html5shiv/dist/html5shiv.min.js"></script>
    <script type="text/javascript" src="http://bootstrap.cap.co.uk/areas/v1_3_0/content/libraries/respond-master/dest/respond.min.js"></script>
    <link href="http://bootstrap.cap.co.uk/areas/v1_3_0/content/libraries/respond-master/cross-domain/respond-proxy.html" id="respond-proxy" rel="respond-proxy" />
    <link href="/Scripts/respond.proxy.gif" id="respond-redirect" rel="respond-redirect" />
    <script src="/Scripts/respond.proxy.js"></script>
<![endif]-->

Add the following javascript files to the very bottom of your html (inside the body tag).

                <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://code.angularjs.org/1.2.15/angular.js" data-require="angular.js@1.2.x" data-semver="1.2.15"></script>
<script src="http://bootstrap.cap.co.uk/areas/v1_3_0/content/bundles/js"></script>

AngularJS. Include the module "capRetailValuesCommon" within your project to make use of the directives contained within the Bootstrap project

New Versions

To create a new version of CAP Bootstrap, make a copy of the Areas/vX_X_X folder, renaming it to the required new version. The following files will then need renaming/amending:

  • Cap.Bootstrap.Web.UI\Areas\vX_X_X\vX_X_XAreaRegistration.cs - filename and content change
  • Cap.Bootstrap.Web.UI\Areas\vX_X_X\App_Start\BundleConfig.cs - content change

© CAP 2015