CAP Bootstrap - v1.0.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/scss/cap_bootstrap.scss and is automatically compiled into the bundle CSS file.

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_0_0/content/bundles/css" />
<!--[if lt IE 9]>
    <script type="text/javascript" src="http://bootstrap.cap.co.uk/areas/v1_0_0/content/libraries/html5shiv/dist/html5shiv.min.js"></script>
    <script type="text/javascript" src="http://bootstrap.cap.co.uk/areas/v1_0_0/content/libraries/respond-master/dest/respond.min.js"></script>
    <link href="http://bootstrap.cap.co.uk/areas/v1_0_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_0_0/content/bundles/js"></script>
            

AngularJS. The following attribute is required on the HTML tag. This will initialise AngularJS on the page and trigger any custom directives that are in the CAP Bootstrap framework.

ng-app="capbootstrap"