BootstrapSizing
by Terrance Smith
HTML
<div class="col-xs-12 col-sm-8 col-sm-push-2 col-md-6 col-md-push-3">
<div>
<div ng-show="vm.testErrors.length>0" class="error col-xs-12 col-sm-8 col-sm-push-2">
<div>
<div ng-repeat="error in vm.testErrors track by $index">
<div class="alert alert-danger" role="alert">
<span aria-hidden="true"></span>
<span class="sr-only">Error:</span> {{error}}
</div>
</div>
</div>
</div>
<div ng-if="$root.assessmentTestControllerLoaded" class="row">
<h1>{{vm.testName}}</h1>
<!--Form Display-->
<div ng-if="vm.pageOrForm==='form' && vm.testQuestions.length>0" ng-repeat="questionDetail in vm.testQuestions">
<question-template answers="vm.answers" details="questionDetail" test-name="vm.testName">
</question-template>
</div>
<!--Page Display-->
<div ng-if="vm.pageOrForm==='page' && vm.testQuestions.length>0">
<header class="clearfix">
<nav class="navbar navbar-custom navbar-fixed-top">
<div class="navbar-header">
<a class="navbar-brand" href="#"><span
class="brand-title">{{vm.testName}}</span></a>
<a class="btn navbar-btn navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
</div>
<div class="navbar-collapse collapse">
<div class="navbar-logo">
<ul class="nav navbar-nav">
<li class="active"><a...
CSS
/* Latest compiled and minified CSS included as External Resource*/
/* Optional theme */
@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');
body {
margin: 10px;
}