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).
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.
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.
Firstname Lastname
<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"