From 95e47ddb02a497daa3d7eac93e14fa375a0deb80 Mon Sep 17 00:00:00 2001
From: Andy Armstrong <andya@edx.org>
Date: Wed, 19 Jul 2017 10:17:49 -0400
Subject: [PATCH] Add basic Bootstrap theme to Studio

LEARNER-1982
---
 cms/envs/common.py                            |   4 +
 cms/static/sass/_build-v1.scss                |   2 +-
 cms/static/sass/_build-v2.scss                |   7 +-
 cms/static/sass/bootstrap/_base.scss          |  11 +
 cms/static/sass/bootstrap/_components.scss    | 195 ++++++
 cms/static/sass/bootstrap/_footer.scss        |  96 +++
 cms/static/sass/bootstrap/_header.scss        | 568 ++++++++++++++++++
 cms/static/sass/bootstrap/_layouts.scss       | 362 +++++++++++
 cms/static/sass/bootstrap/_mixins.scss        | 239 ++++++++
 cms/static/sass/bootstrap/_navigation.scss    |  95 +++
 cms/static/sass/bootstrap/_variables.scss     |  71 +++
 cms/static/sass/bootstrap/studio-main.scss    |  19 +
 .../sass/partials/bootstrap/_theme.scss       |   5 +
 .../partials/{ => cms/base}/_variables.scss   |   0
 cms/templates/base.html                       |   6 +-
 cms/templates/ux/reference/_note-usage.html   |  12 -
 .../ux/reference/bootstrap/test.html          | 408 +++++++++++++
 cms/templates/ux/reference/index.html         |  29 +-
 .../test.html}                                |   0
 lms/templates/ux/reference/index.html         |   3 +
 openedx/core/djangoapps/debug/views.py        |  21 +-
 package.json                                  |   2 +-
 .../sass/partials/bootstrap/_theme.scss       |   5 +
 .../sass/partials/bootstrap/_theme.scss       |   5 +
 .../red-theme/cms/static/images/favicon.ico   | Bin 0 -> 1406 bytes
 .../cms/static/images/studio-logo.png         | Bin 0 -> 17783 bytes
 .../static/sass/partials/base/_variables.scss |   0
 .../sass/partials/bootstrap/_theme.scss       |  13 +
 .../sass/partials/cms/base/_variables.scss    |  14 +
 29 files changed, 2150 insertions(+), 42 deletions(-)
 create mode 100644 cms/static/sass/bootstrap/_base.scss
 create mode 100644 cms/static/sass/bootstrap/_components.scss
 create mode 100644 cms/static/sass/bootstrap/_footer.scss
 create mode 100644 cms/static/sass/bootstrap/_header.scss
 create mode 100644 cms/static/sass/bootstrap/_layouts.scss
 create mode 100644 cms/static/sass/bootstrap/_mixins.scss
 create mode 100644 cms/static/sass/bootstrap/_navigation.scss
 create mode 100644 cms/static/sass/bootstrap/_variables.scss
 create mode 100644 cms/static/sass/bootstrap/studio-main.scss
 create mode 100644 cms/static/sass/partials/bootstrap/_theme.scss
 rename cms/static/sass/partials/{ => cms/base}/_variables.scss (100%)
 delete mode 100644 cms/templates/ux/reference/_note-usage.html
 create mode 100644 cms/templates/ux/reference/bootstrap/test.html
 rename cms/templates/ux/reference/{pattern-library-test.html => pattern-library/test.html} (100%)
 create mode 100644 themes/edge.edx.org/cms/static/sass/partials/bootstrap/_theme.scss
 create mode 100644 themes/edx.org/cms/static/sass/partials/bootstrap/_theme.scss
 create mode 100644 themes/red-theme/cms/static/images/favicon.ico
 create mode 100644 themes/red-theme/cms/static/images/studio-logo.png
 rename themes/red-theme/{lms => cms}/static/sass/partials/base/_variables.scss (100%)
 create mode 100644 themes/red-theme/cms/static/sass/partials/bootstrap/_theme.scss
 create mode 100755 themes/red-theme/cms/static/sass/partials/cms/base/_variables.scss

diff --git a/cms/envs/common.py b/cms/envs/common.py
index c6aaad60f8..2d8c46cc96 100644
--- a/cms/envs/common.py
+++ b/cms/envs/common.py
@@ -710,6 +710,10 @@ base_vendor_js = [
     'edx-ui-toolkit/js/utils/string-utils.js',
     'edx-ui-toolkit/js/utils/html-utils.js',
 
+    # Load Bootstrap and supporting libraries
+    'common/js/vendor/tether.js',
+    'common/js/vendor/bootstrap.js',
+
     # Finally load RequireJS
     'common/js/vendor/require.js'
 ]
diff --git a/cms/static/sass/_build-v1.scss b/cms/static/sass/_build-v1.scss
index b62a4f855d..e2efd973e5 100644
--- a/cms/static/sass/_build-v1.scss
+++ b/cms/static/sass/_build-v1.scss
@@ -10,7 +10,7 @@
 
 // +Base - Utilities
 // ====================
-@import 'partials/variables';
+@import 'cms/base/variables';
 @import 'mixins';
 @import 'mixins-inherited';
 
diff --git a/cms/static/sass/_build-v2.scss b/cms/static/sass/_build-v2.scss
index 0aecd11645..056d171968 100644
--- a/cms/static/sass/_build-v2.scss
+++ b/cms/static/sass/_build-v2.scss
@@ -6,10 +6,13 @@
 // Configuration
 @import 'config';
 
-// Extensions
-@import 'partials/variables';
+// +Base - Utilities
+// ====================
+@import 'partials/cms/base/variables';
 @import 'mixins-v2';
 @import 'base-v2';
+
+// Pattern Library styling
 @import 'elements-v2/controls';
 @import 'elements-v2/header';
 @import 'elements-v2/navigation';
diff --git a/cms/static/sass/bootstrap/_base.scss b/cms/static/sass/bootstrap/_base.scss
new file mode 100644
index 0000000000..95c50d513d
--- /dev/null
+++ b/cms/static/sass/bootstrap/_base.scss
@@ -0,0 +1,11 @@
+// Open edX: Studio base styles
+// ============================
+//
+// Note: these styles replicate the Studio styles directly
+// rather than benefiting from any Bootstrap classes. Ideally
+// the code base should be rebuilt using Bootstrap and then
+// these styles will no longer be necessary.
+
+.is-hidden {
+  display: none;
+}
diff --git a/cms/static/sass/bootstrap/_components.scss b/cms/static/sass/bootstrap/_components.scss
new file mode 100644
index 0000000000..618b9b7b68
--- /dev/null
+++ b/cms/static/sass/bootstrap/_components.scss
@@ -0,0 +1,195 @@
+// Open edX: components
+// ====================
+
+// Skip nav
+.nav-skip,
+.transcript-skip {
+  font-size: 14px;
+  line-height: 14px;
+  display: inline-block;
+  position: absolute;
+  left: 0;
+  top: -($baseline*30);
+  overflow: hidden;
+  background: $white;
+  border-bottom: 1px solid $gray-lightest;
+  padding: ($baseline*0.75) ($baseline/2);
+
+  &:focus,
+  &:active {
+    position: relative;
+    top: auto;
+    width: auto;
+    height: auto;
+    margin: 0;
+  }
+}
+
+// Page banner
+.page-banner {
+  max-width: $studio-max-width;
+  margin: 0 auto;
+
+  .user-messages {
+    margin-top: $baseline;
+  }
+}
+
+// Alerts
+.alert {
+  .icon-alert {
+    margin-right: $baseline / 4;
+  }
+}
+
+// Sock
+.wrapper-sock {
+  @include clearfix();
+  position: relative;
+  margin: ($baseline*2) 0 0 0;
+  border-top: 1px solid $gray-light;
+  width: 100%;
+
+  .wrapper-inner {
+    display: none;
+    width: 100% !important;
+    border-bottom: 1px solid $white;
+    padding: 0 $baseline !important;
+  }
+
+  // sock - actions
+  .list-cta {
+    @extend %ui-depth1;
+    position: absolute;
+    top: -($baseline*0.75);
+    width: 100%;
+    margin: 0 auto;
+    text-align: center;
+    list-style: none;
+
+    .cta-show-sock {
+      @extend %ui-btn-pill;
+      @extend %t-action4;
+      background: $gray-lightest;
+      padding: ($baseline/2) $baseline;
+      color: $gray-light;
+
+      .icon {
+        margin-right: $baseline/4;
+      }
+
+      &:hover {
+        background: $brand-primary;
+        color: $white;
+      }
+    }
+  }
+
+  // sock - additional help
+  .sock {
+    @include clearfix();
+    @extend %t-copy-sub2;
+    max-width: $studio-max-width;
+    width: flex-grid(12);
+    margin: 0 auto;
+    padding: ($baseline*2) 0;
+    color: $gray-light;
+
+    // support body
+    header {
+
+      .title {
+        @extend %t-title4;
+      }
+
+    }
+
+    .list-actions {
+      list-style: none;
+    }
+
+    // shared elements
+    .support, .feedback {
+      .title {
+        @extend %t-title6;
+        color: $white;
+        margin-bottom: ($baseline/2);
+      }
+
+      .copy {
+        @extend %t-copy-sub2;
+        margin: 0 0 $baseline 0;
+      }
+
+      .list-actions {
+        @include clearfix();
+
+        .action-item {
+          float: left;
+          margin-right: $baseline/2;
+          margin-bottom: ($baseline/2);
+
+          &:last-child {
+            margin-right: 0;
+          }
+
+          .action {
+            @extend %t-action4;
+            display: block;
+
+            .icon {
+              @extend %t-icon4;
+              vertical-align: middle;
+              margin-right: $baseline/4;
+            }
+
+            &:hover, &:active {
+
+            }
+          }
+
+          .tip {
+            @extend %cont-text-sr;
+          }
+        }
+
+        .action-primary {
+          @extend %btn-primary-blue;
+          @extend %t-action3;
+        }
+      }
+    }
+
+    // studio support content
+    .support {
+      width: flex-grid(8,12);
+      float: left;
+      margin-right: flex-gutter();
+
+      .action-item {
+        width: flexgrid(4,8);
+      }
+    }
+
+    // studio feedback content
+    .feedback {
+      width: flex-grid(4,12);
+      float: left;
+
+      .action-item {
+        width: flexgrid(4,4);
+      }
+    }
+  }
+
+  // case: sock content is shown
+  &.is-shown {
+    border-color: $gray-dark;
+
+    .list-cta .cta-show-sock {
+      background: $gray-dark;
+      border-color: $gray-dark;
+      color: $white;
+    }
+  }
+}
diff --git a/cms/static/sass/bootstrap/_footer.scss b/cms/static/sass/bootstrap/_footer.scss
new file mode 100644
index 0000000000..bcbbd57cb6
--- /dev/null
+++ b/cms/static/sass/bootstrap/_footer.scss
@@ -0,0 +1,96 @@
+// Open edX: Studio footer
+// =======================
+//
+// Note: these styles replicate the Studio styles directly
+// rather than benefiting from any Bootstrap classes. Ideally
+// the header should be reimagined using Bootstrap and then
+// these styles will no longer be necessary.
+
+.wrapper-footer {
+  position: relative;
+  width: 100%;
+  margin: 0 0 $baseline 0;
+  padding: $baseline;
+
+  footer.primary {
+    @extend %t-copy-sub2;
+    @include clearfix();
+    max-width: $studio-max-width;
+    width: flex-grid(12);
+    margin: 0 auto;
+    color: $gray-light;
+
+    .footer-content-primary {
+      @include clearfix();
+    }
+
+    .colophon {
+      width: flex-grid(4, 12);
+      float: left;
+      margin-right: flex-gutter(2);
+    }
+
+    .nav-peripheral {
+      width: flex-grid(6, 12);
+      float: right;
+      text-align: right;
+
+      .nav-item {
+        display: inline-block;
+        margin-right: $baseline/4;
+
+        &:last-child {
+          margin-right: 0;
+        }
+
+        a {
+          border-radius: 2px;
+          padding: ($baseline/2) ($baseline/2);
+          background: transparent;
+
+          .icon {
+            display: inline-block;
+            vertical-align: middle;
+            margin-right: $baseline/4;
+          }
+        }
+      }
+    }
+
+    .footer-content-secondary {
+      @include clearfix();
+      margin-top: $baseline;
+    }
+
+    .footer-about-copyright, .footer-about-openedx {
+      display: inline-block;
+      vertical-align: middle;
+    }
+
+    // platform trademarks
+    .footer-about-copyright {
+      width: flex-grid(4, 12);
+      float: left;
+      margin-right: flex-gutter(2);
+    }
+
+    // platform Open edX logo and link
+    .footer-about-openedx {
+      float: right;
+      text-align: right;
+
+      a {
+        display: inline-block;
+
+        img {
+          display: block;
+          width: ($baseline* 6);
+        }
+
+        &:hover {
+          border-bottom: none;
+        }
+      }
+    }
+  }
+}
diff --git a/cms/static/sass/bootstrap/_header.scss b/cms/static/sass/bootstrap/_header.scss
new file mode 100644
index 0000000000..adac9cf019
--- /dev/null
+++ b/cms/static/sass/bootstrap/_header.scss
@@ -0,0 +1,568 @@
+// Open edX: Studio header
+// =======================
+//
+// Note: these styles replicate the Studio styles directly
+// rather than benefiting from any Bootstrap classes. Ideally
+// the header should be reimagined using Bootstrap and then
+// these styles will no longer be necessary.
+
+// studio - elements - global header
+// ====================
+
+.wrapper-header {
+  @extend %ui-depth3;
+  position: relative;
+  width: 100%;
+  box-shadow: 0 1px 2px 0 $shadow-l1;
+  margin: 0;
+  padding: 0 $baseline;
+  background: $white;
+
+  header.primary {
+    @include clearfix();
+    max-width: $studio-max-width;
+    width: flex-grid(12);
+    margin: 0 auto;
+  }
+
+  // ====================
+
+  // basic layout
+  .wrapper-l, .wrapper-r {
+    background: $white;
+  }
+
+  .wrapper-l {
+    float: left;
+    width: flex-grid(7,12);
+  }
+
+  .wrapper-r {
+    float: right;
+    width: flex-grid(4,12);
+    text-align: right;
+  }
+
+  .branding, .info-course, .nav-course, .nav-account, .nav-pitch {
+    display: inline-block;
+    vertical-align: middle;
+  }
+
+  .user-language-selector {
+    width: 120px;
+    display: inline-block;
+    margin: 0 10px 0 5px;
+    vertical-align: sub;
+
+    .language-selector {
+      width: 120px;
+    }
+  }
+
+  .nav-account {
+    width: auto;
+  }
+
+  // basic layout - nav items
+  nav {
+
+    > ol > .nav-item {
+      @extend %t-action3;
+      @extend %t-strong;
+      display: inline-block;
+      vertical-align: middle;
+
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+
+    .nav-item a {
+      color: $gray;
+
+      &:hover {
+        color: $link-hover-color;
+      }
+    }
+  }
+
+  // basic layout - dropdowns
+  .nav-dd {
+
+    .title {
+      @extend %t-action2;
+      @extend %ui-btn-dd-nav-primary;
+
+      .label, .fa-caret-down {
+
+      }
+
+      .label {
+
+      }
+
+      .fa-caret-down {
+        opacity: 0.25;
+      }
+
+      &:hover {
+
+        .fa-caret-down {
+          opacity: 1.0;
+        }
+      }
+
+      .nav-sub .nav-item {
+
+        .icon {
+          display: inline-block;
+          vertical-align: middle;
+          margin-right: ($baseline/4);
+        }
+      }
+    }
+  }
+
+  // ====================
+
+  // specific elements - branding
+  .branding {
+    padding: ($baseline*0.75) 0;
+
+    a {
+      display: block;
+
+      img {
+        max-height: ($baseline*2);
+        display: block;
+      }
+    }
+  }
+
+  // ====================
+
+  // specific elements - course name/info
+  .info-course {
+    margin-right: flex-gutter();
+    border-right: 1px solid $gray-lighter;
+    padding: ($baseline*0.75) flex-gutter() ($baseline*0.75) 0;
+
+    .course-org, .course-number {
+      font-size: 12px;
+      line-height: 12px;
+      display: inline-block;
+      vertical-align: middle;
+      max-width: 45%;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      opacity: 1.0;
+      color: $gray-dark;
+    }
+
+    .course-org {
+      margin-right: $baseline/4;
+    }
+
+    .course-title {
+      @extend %t-action2;
+      @extend %t-strong;
+      display: block;
+      width: 100%;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
+    // entire link
+    .course-link {
+      display: block;
+      color: $gray-dark;
+
+      &:hover {
+        color: $link-hover-color;
+      }
+    }
+  }
+
+  // ====================
+
+  // specific elements - course nav
+  .nav-course {
+    padding: ($baseline*0.75) 0;
+  }
+
+  // ====================
+
+  // specific elements - account-based nav
+  .nav-account {
+    position: relative;
+    padding: ($baseline*0.75) 0;
+
+    .nav-sub {
+      text-align: left;
+    }
+
+    .nav-account-help {
+
+      .wrapper-nav-sub {
+        width: ($baseline*10);
+      }
+    }
+
+    .nav-account-user {
+
+      .title {
+        max-width: ($baseline*6.5);
+
+        > .label {
+          display: inline-block;
+          max-width: 84%;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+        }
+      }
+    }
+
+    .settings-language-form {
+      margin-top: 4px;
+      .language-selector {
+        width: 130px;
+      }
+    }
+  }
+
+  // ====================
+
+  // specific elements - pitch/how it works nav
+  .nav-pitch {
+    position: relative;
+    padding: ($baseline*0.75) 0;
+
+    .nav-sub {
+      text-align: left;
+    }
+  }
+}
+
+// ====================
+
+// CASE: user signed in
+.is-signedin {
+
+  .wrapper-l {
+    width: flex-grid(8,12);
+  }
+
+  .wrapper-r {
+    width: flex-grid(4,12);
+  }
+
+  .branding {
+    margin-right: 2%;
+  }
+
+  .nav-account {
+    top: ($baseline/4);
+  }
+}
+
+// ====================
+
+// CASE: in course {
+.is-signedin.course {
+
+  .wrapper-header {
+
+    .wrapper-l {
+      width: flex-grid(9,12);
+    }
+
+    .wrapper-r {
+      width: flex-grid(3,12);
+    }
+
+    .branding {
+      margin-right: 2%;
+    }
+
+    .info-course {
+      width: 25%;
+      margin-right: 2%;
+    }
+
+    .nav-course {
+      width: 45%;
+    }
+  }
+}
+
+// ====================
+
+// CASE: user not signed in
+.not-signedin,
+.view-util {
+
+  .wrapper-header {
+
+    .wrapper-l {
+      width: flex-grid(2,12);
+    }
+
+    .wrapper-r {
+      width: flex-grid(10,12);
+    }
+
+    .branding {
+      width: 100%;
+    }
+
+    .nav-pitch {
+      top: ($baseline/4);
+
+      .nav-item {
+        margin-right: ($baseline/2);
+
+        &:last-child {
+          margin-right: 0;
+        }
+      }
+
+      .action-signup {
+        padding: ($baseline/4) ($baseline/2);
+        text-transform: uppercase;
+      }
+
+      .action-signin {
+        padding: ($baseline/4) ($baseline/2);
+        text-transform: uppercase;
+      }
+    }
+  }
+}
+
+// dropdown
+.nav-dd {
+
+  .title {
+
+    .label, .fa-caret-down {
+      display: inline-block;
+      vertical-align: middle;
+    }
+
+    .ui-toggle-dd {
+      margin: 0;
+      display: inline-block;
+      vertical-align: middle;
+    }
+
+    // dropped down state
+    &.is-selected {
+
+      .ui-toggle-dd {
+        transform: rotate(-180deg);
+        transform-origin: 50% 50%;
+      }
+    }
+  }
+
+  .nav-item {
+    position: relative;
+
+    &:hover {
+
+    }
+
+    &.nav-course-settings {
+      .wrapper-nav-sub {
+        width: ($baseline*9);
+      }
+    }
+  }
+
+  .wrapper-nav-sub {
+    position: absolute;
+    top: ($baseline*2.5);
+    opacity: 0.0;
+    pointer-events: none;
+    width: ($baseline*8);
+    overflow: hidden;
+    height: 0;
+
+
+    // dropped down state
+    &.is-shown {
+      opacity: 1.0;
+      pointer-events: auto;
+      overflow: visible;
+      height: auto;
+    }
+  }
+
+  .nav-sub {
+    border-radius: 2px;
+    box-shadow: 0 1px 1px $shadow-l1;
+    position: relative;
+    width: 100%;
+    border: 1px solid $gray-light;
+    padding: ($baseline/2) ($baseline*0.75);
+    background: $white;
+
+    &:after, &:before {
+      bottom: 100%;
+      border: solid transparent;
+      content: " ";
+      height: 0;
+      width: 0;
+      position: absolute;
+      pointer-events: none;
+    }
+
+    // ui triangle/nub
+    &:after {
+      border-color: rgba(255, 255, 255, 0);
+      border-bottom-color: $white;
+      border-width: 10px;
+    }
+
+    &:before {
+      border-color: rgba(178, 178, 178, 0);
+      border-bottom-color: $gray-light;
+      border-width: 11px;
+    }
+
+    .nav-item {
+      @extend %t-action3;
+      @extend %t-regular;
+      display: block;
+      margin: 0 0 ($baseline/4) 0;
+      border-bottom: 1px solid $gray-lighter;
+      padding: 0 0($baseline/4) 0;
+
+      &:last-child {
+        margin-bottom: 0;
+        border-bottom: none;
+        padding-bottom: 0;
+      }
+
+      a {
+        display: block;
+
+        &:hover, &:active {
+          color: $brand-primary;
+        }
+      }
+    }
+  }
+
+  // CASE: left-hand side arrow/dd
+  &.ui-left {
+
+    .wrapper-nav-sub {
+      left: 0;
+    }
+
+    .nav-sub {
+      text-align: left;
+
+      // ui triangle/nub
+      &:after {
+        left: $baseline;
+        margin-left: -10px;
+      }
+
+      &:before {
+        left: $baseline;
+        margin-left: -11px;
+      }
+    }
+  }
+
+  // CASE: right-hand side arrow/dd
+  &.ui-right {
+
+    .wrapper-nav-sub {
+      left: none;
+      right: 0;
+    }
+
+    .nav-sub {
+
+      // ui triangle/nub
+      &:after {
+        right: $baseline;
+        margin-right: -10px;
+      }
+
+      &:before {
+        right: $baseline;
+        margin-right: -11px;
+      }
+    }
+  }
+}
+
+// ====================
+
+// STATE: active/current nav states
+
+.nav-item.is-current,
+body.howitworks .nav-not-signedin-hiw,
+
+// dashboard
+body.dashboard .nav-account-dashboard,
+
+// course content
+body.course.view-outline .nav-course-courseware .title,
+body.course.view-updates .nav-course-courseware .title,
+body.course.view-static-pages .nav-course-courseware .title,
+body.course.view-uploads .nav-course-courseware .title,
+body.course.view-textbooks .nav-course-courseware .title,
+body.course.view-video-uploads .nav-course-courseware .title,
+
+body.course.view-outline .nav-course-courseware-outline,
+body.course.view-updates .nav-course-courseware-updates,
+body.course.view-static-pages .nav-course-courseware-pages,
+body.course.view-uploads .nav-course-courseware-uploads,
+body.course.view-textbooks .nav-course-courseware-textbooks,
+body.course.view-video-uploads .nav-course-courseware-videos,
+
+// course settings
+body.course.schedule .nav-course-settings .title,
+body.course.grading .nav-course-settings .title,
+body.course.view-team .nav-course-settings .title,
+body.course.view-group-configurations .nav-course-settings .title,
+body.course.advanced .nav-course-settings .title,
+body.course.view-certificates .nav-course-settings .title,
+
+body.course.schedule .nav-course-settings-schedule,
+body.course.grading .nav-course-settings-grading,
+body.course.view-team .nav-course-settings-team,
+body.course.view-group-configurations .nav-course-settings-group-configurations,
+body.course.advanced .nav-course-settings-advanced,
+body.course.view-certificates .nav-course-settings-certificates,
+
+// course tools
+body.course.view-import .nav-course-tools .title,
+body.course.view-export .nav-course-tools .title,
+body.course.view-export-git .nav-course-tools .title,
+
+body.course.view-import .nav-course-tools-import,
+body.course.view-export .nav-course-tools-export,
+body.course.view-export-git .nav-course-tools-export-git,
+
+// content library settings
+body.course.view-team .nav-library-settings .title,
+
+body.course.view-team .nav-library-settings-team
+
+{
+  color: $brand-primary;
+
+  a {
+    color: $brand-primary;
+    pointer-events: none;
+  }
+}
diff --git a/cms/static/sass/bootstrap/_layouts.scss b/cms/static/sass/bootstrap/_layouts.scss
new file mode 100644
index 0000000000..debb3548d5
--- /dev/null
+++ b/cms/static/sass/bootstrap/_layouts.scss
@@ -0,0 +1,362 @@
+// Open edX: Studio layout
+// =======================
+//
+// Note: these styles replicate the Studio styles directly
+// rather than benefiting from any Bootstrap classes. Ideally
+// the layouts should be reimagined using Bootstrap and then
+// these styles will no longer be necessary.
+
+.content-wrapper {
+  margin-top: $baseline;
+
+  .course-tabs {
+    padding-bottom: 0;
+
+    .nav-item {
+      &.active, &:hover{
+        .nav-link {
+          border-bottom-color: $brand-primary;
+          color: $brand-primary;
+        }
+      }
+
+      .nav-link {
+        padding: $baseline/2 $baseline*3/4 $baseline*13/20;
+        border-style: solid;
+        border-width: 0 0 $baseline/5 0;
+        border-bottom-color: transparent;
+
+        @media (max-width: map-get($grid-breakpoints, md)) {
+          border: none;
+          text-align: left;
+          padding: 0 0 $baseline/2 0;
+        }
+      }
+    }
+  }
+
+  .main-container {
+    border: 1px solid $inverse-color;
+    background-color: $body-bg;
+
+    .page-header {
+      border-bottom: 1px solid $inverse-color;
+      padding: 20px;
+    }
+
+    .page-content {
+      padding: 20px;
+    }
+  }
+
+  &.container-fluid {
+    max-width: $studio-max-width;
+  }
+}
+
+// studio - elements - layouts
+// ====================
+
+// layout - basic
+// the wrapper around the viewable page area, excluding modal and other extra-view content
+.wrapper-view {
+
+}
+
+// ====================
+
+// layout - basic page header
+.wrapper-mast {
+  margin: ($baseline*1.5) 0 0 0;
+  padding: 0 $baseline;
+  position: relative;
+
+  .mast,
+  .metadata {
+    @include clearfix();
+    position: relative;
+    max-width: $studio-max-width;
+    width: flex-grid(12);
+    margin: 0 auto $baseline auto;
+    color: $gray-dark;
+  }
+
+  .mast {
+    border-bottom: 1px solid $gray-light;
+    padding-bottom: ($baseline/2);
+
+    // layout without actions
+    .page-header {
+      width: flex-grid(12);
+    }
+
+    // layout with actions
+    &.has-actions {
+      @include clearfix();
+
+      .page-header {
+        float: left;
+        width: flex-grid(6,12);
+        margin-right: flex-gutter();
+      }
+
+      .nav-actions {
+        position: relative;
+        bottom: -($baseline*0.75);
+        float: right;
+        width: flex-grid(6,12);
+        text-align: right;
+
+        .nav-item {
+          display: inline-block;
+          vertical-align: top;
+          margin-right: ($baseline/2);
+
+          &:last-child {
+            margin-right: 0;
+          }
+        }
+
+        // buttons
+        .button {
+          @extend %btn-primary-blue;
+          @extend %sizing;
+
+          .action-button-text {
+            display: inline-block;
+            vertical-align: baseline;
+          }
+
+          .icon {
+            display: inline-block;
+            vertical-align: baseline;
+          }
+
+          // CASE: new/create button
+          &.new-button,
+          &.button-new {
+            @extend %btn-primary-green;
+            @extend %sizing;
+          }
+        }
+      }
+    }
+
+    // layout with actions
+    &.has-subtitle {
+
+      .nav-actions {
+        bottom: -($baseline*1.5);
+      }
+    }
+
+    // layout with breadcrumb navigation
+    &.has-navigation {
+
+      .nav-actions {
+        bottom: -($baseline*1.5);
+      }
+
+      .navigation-item {
+        @extend %cont-truncated;
+        display: inline-block;
+        vertical-align: bottom; // correct for extra padding in FF
+        max-width: 250px;
+        color: $gray-dark;
+
+        &.navigation-current {
+          @extend %ui-disabled;
+          color: $gray;
+          max-width: 250px;
+
+          &:before {
+            color: $gray;
+          }
+        }
+      }
+
+      .navigation-link:hover {
+        color: $brand-primary;
+      }
+
+      .navigation-item:before {
+        content: " / ";
+        margin: ($baseline/4);
+        color: $gray;
+
+        &:hover {
+          color: $gray;
+        }
+      }
+
+      .navigation .navigation-item:first-child:before {
+        content: "";
+        margin: 0;
+      }
+    }
+  }
+
+  // CASE: wizard-based mast
+  .mast-wizard {
+
+    .page-header-sub {
+      @extend %t-title4;
+      color: $gray;
+      font-weight: 300;
+    }
+
+    .page-header-super {
+      @extend %t-title4;
+      float: left;
+      width: flex-grid(12,12);
+      margin-top: ($baseline/2);
+      border-top: 1px solid $gray-lighter;
+      padding-top: ($baseline/2);
+      font-weight: 600;
+    }
+  }
+
+  // page metadata/action bar
+  .metadata {
+
+  }
+}
+
+// layout - basic page content
+.wrapper-content {
+  margin: 0;
+  padding: 0 $baseline;
+  position: relative;
+}
+
+.content {
+  @include clearfix();
+  @extend %t-copy-base;
+  max-width: $studio-max-width;
+  width: flex-grid(12);
+  margin: 0 auto;
+  color: $gray-dark;
+
+  header {
+    position: relative;
+    margin-bottom: $baseline;
+    border-bottom: 1px solid $gray-lighter;
+    padding-bottom: ($baseline/2);
+
+    .title-sub {
+      @extend %t-copy-sub1;
+      display: block;
+      margin: 0;
+      color: $gray-light;
+    }
+
+    .title-1 {
+      @extend %t-title3;
+      @extend %t-strong;
+      margin: 0;
+      padding: 0;
+      color: $gray-dark;
+    }
+  }
+}
+
+// 3/4 - 1/4 two col layout
+%two-col-1 {
+  .content-primary {
+    float: left;
+    margin-right: flex-gutter();
+    width: flex-grid(9,12);
+    box-shadow: none;
+    border: 0;
+    background-color: $white;
+  }
+
+  .content-supplementary {
+    float: left;
+    width: flex-grid(3,12);
+  }
+}
+
+
+// layout - primary content
+.content-primary {
+
+  .title-1 {
+    @extend %t-title3;
+  }
+
+  .title-2 {
+    @extend %t-title4;
+    margin: 0 0 ($baseline/2) 0;
+  }
+
+  .title-3 {
+    @extend %t-title6;
+    margin: 0 0 ($baseline/2) 0;
+  }
+
+  header {
+    @include clearfix();
+
+    .title-2 {
+      width: flex-grid(5, 12);
+      margin: 0 flex-gutter() 0 0;
+      float: left;
+    }
+
+    .tip {
+      @extend %t-copy-sub2;
+      width: flex-grid(7, 12);
+      float: right;
+      margin-top: ($baseline/2);
+      text-align: right;
+      color: $gray-dark;
+    }
+  }
+}
+
+// layout - supplemental content
+.content-supplementary {
+
+  > section {
+    margin: 0 0 $baseline 0;
+  }
+}
+
+// ====================
+
+// layout - grandfathered
+.main-wrapper {
+  position: relative;
+  margin: 0 ($baseline*2);
+}
+
+.inner-wrapper {
+  @include clearfix();
+  position: relative;
+  max-width: 1280px;
+  margin: auto;
+
+  > article {
+    clear: both;
+  }
+}
+
+.main-column {
+  clear: both;
+  float: left;
+  width: 70%;
+}
+
+.sidebar {
+  float: right;
+  width: 28%;
+}
+
+.left {
+  float: left;
+}
+
+.right {
+  float: right;
+}
diff --git a/cms/static/sass/bootstrap/_mixins.scss b/cms/static/sass/bootstrap/_mixins.scss
new file mode 100644
index 0000000000..b21f0d7f77
--- /dev/null
+++ b/cms/static/sass/bootstrap/_mixins.scss
@@ -0,0 +1,239 @@
+// common - utilities - mixins and extends
+// ====================
+//
+// Note: these mixins replicate the Studio mixins directly
+// to simplify the usage of Studio Sass partials. They
+// should be deprecated in favor of using native Bootstrap
+// functionality.
+
+
+// Table of Contents
+// * +Font Sizing - Mixin
+// * +Line Height - Mixin
+// * +Sizing - Mixin
+// * +Square - Mixin
+// * +Placeholder Styling - Mixin
+// * +Flex Support - Mixin
+// * +Flex Polyfill - Extends
+// * +UI - Wrapper - Extends
+// * +UI - Window - Extend
+// * +UI - Visual Link - Extend
+// * +UI - Functional Disable - Extend
+// * +UI - Visual Link - Extend
+// * +UI - Depth Levels - Extends
+// * +UI - Clear Children - Extends
+// * +UI - Buttons - Extends
+// * +UI - Well Archetype - Extends
+// * +Content - No List - Extends
+// * +Content - Hidden Image Text - Extend
+// * +Content - Screenreader Text - Extend
+// * +Content - Text Wrap - Extend
+// * +Content - Text Truncate - Extend
+// * +Icon - Font-Awesome  - Extend
+// * +Icon - SSO icon images
+
+// +Font Sizing - Mixin
+// ====================
+@mixin font-size($sizeValue: 16){
+  font-size: $sizeValue + px;
+  font-size: ($sizeValue/10) + rem;
+}
+
+// +Line Height - Mixin
+// ====================
+@mixin line-height($fontSize: auto){
+  line-height: ($fontSize*1.48) + px;
+  line-height: (($fontSize/10)*1.48) + rem;
+}
+
+// +Sizing - Mixin
+// ====================
+@mixin size($width: $baseline, $height: $baseline) {
+  height: $height;
+  width: $width;
+}
+
+// +Square - Mixin
+// ====================
+@mixin square($size: $baseline) {
+  @include size($size);
+}
+
+// +Placeholder Styling - Mixin
+// ====================
+@mixin placeholder($color) {
+  :-moz-placeholder {
+    color: $color;
+  }
+  ::-webkit-input-placeholder {
+    color: $color;
+  }
+  :-ms-input-placeholder {
+     color: $color;
+  }
+}
+
+// +Flex Support - Mixin
+// ====================
+@mixin ui-flexbox() {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+}
+
+// +Flex PolyFill - Extends
+// ====================
+
+// justify-content right for display:flex alignment in older browsers
+%ui-justify-right-flex {
+  -webkit-box-pack: flex-end;
+  -moz-box-pack: flex-end;
+  -ms-flex-pack: flex-end;
+  -webkit-justify-content: flex-end;
+  justify-content: flex-end;
+}
+
+// justify-content left for display:flex alignment in older browsers
+%ui-justify-left-flex {
+  -webkit-box-pack: flex-start;
+  -moz-box-pack: flex-start;
+  -ms-flex-pack: flex-start;
+  -webkit-justify-content: flex-start;
+  justify-content: flex-start;
+}
+
+// align items center for display:flex alignment in older browsers
+%ui-align-center-flex {
+  -webkit-flex-align: center;
+  -ms-flex-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+}
+
+
+// +UI - Wrapper - Extends
+// ====================
+// used for page/view-level wrappers (for centering/grids)
+%ui-wrapper {
+  @include clearfix();
+  width: 100%;
+}
+
+// +UI - Depth Levels - Extends
+// ====================
+%ui-depth0 { z-index: 0; }
+%ui-depth1 { z-index: 10; }
+%ui-depth2 { z-index: 100; }
+%ui-depth3 { z-index: 1000; }
+%ui-depth4 { z-index: 10000; }
+%ui-depth5 { z-index: 100000; }
+
+
+// +UI - Clear Children - Extends
+// ====================
+// extends - UI - utility - first child clearing
+%wipe-first-child {
+
+  &:first-child {
+    margin-top: 0;
+    border-top: none;
+    padding-top: 0;
+  }
+}
+
+// extends - UI - utility - last child clearing
+%wipe-last-child {
+
+  &:last-child {
+    margin-bottom: 0;
+    border-bottom: none;
+    padding-bottom: 0;
+  }
+}
+
+// +Content - No List - Extends
+// ====================
+// removes list styling/spacing when using uls, ols for navigation and less content-centric cases
+%cont-no-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  text-indent: 0;
+
+  li {
+    margin: 0;
+    padding: 0;
+  }
+}
+
+// +Content - Hidden Image Text - Extend
+// ====================
+// image-replacement hidden text
+%cont-text-hide {
+  text-indent: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+// +Content - Screenreader Text - Extend
+// ====================
+%cont-text-sr {
+    // clip has been deprecated but is still supported
+    clip: rect(1px 1px 1px 1px);
+    clip: rect(1px, 1px, 1px, 1px);
+    position: absolute;
+    margin: -1px;
+    height: 1px;
+    width: 1px;
+    border: 0;
+    padding: 0;
+    overflow: hidden;
+    // ensure there are spaces in sr text
+    word-wrap: normal;
+}
+
+// +Content - Text Wrap - Extend
+// ====================
+%cont-text-wrap {
+  word-wrap: break-word;
+}
+
+// +Content - Text Truncate - Extend
+// ====================
+%cont-truncated {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+// * +Icon - Font-Awesome  - Extend
+// ====================
+%use-font-awesome {
+  display: inline-block;
+  font-family: FontAwesome;
+  -webkit-font-smoothing: antialiased;
+  speak: none;
+}
+
+%btn-no-style {
+  background: transparent;
+  border: 0;
+  padding: 0;
+  margin: 0;
+}
+
+
+// * +Icon - SSO icon images
+// ====================
+
+%sso-icon {
+  .icon-image {
+    width: auto;
+    height: auto;
+    max-height: 1.4em;
+    max-width: 1.4em;
+    margin-top: -2px;
+  }
+}
diff --git a/cms/static/sass/bootstrap/_navigation.scss b/cms/static/sass/bootstrap/_navigation.scss
new file mode 100644
index 0000000000..a45ae4c008
--- /dev/null
+++ b/cms/static/sass/bootstrap/_navigation.scss
@@ -0,0 +1,95 @@
+// Local overrides for bootstrap navigation bar theming
+.navigation-container {
+  border-bottom: 2px solid $brand-primary;
+  text-decoration: none;
+  background-color: $header-bg;
+
+  &.slim {
+    border-bottom: 1px solid $inverse-color;
+    box-shadow: 0 1px 5px 0 $black-t0;
+  }
+
+  .navbar {
+    margin: 0 auto;
+    max-width: map-get($container-max-widths, xl);
+
+    .logo.slim a {
+      height: $baseline*3/2;
+      margin-top: $baseline/5;
+    }
+
+    .course-header {
+      font-size: $font-size-lg;
+      margin: $baseline/2 $baseline/2 0 0;
+
+      .provider {
+        font-weight: $font-weight-bold;
+      }
+    }
+
+    .nav-item {
+      margin: 0 $baseline 0 0;
+      font-weight: $font-weight-normal;
+      font-family: $font-family-base;
+      text-transform: uppercase;
+      list-style: none;
+
+      .nav-link {
+        color: $brand-primary;
+      }
+
+      .user-image-frame {
+        max-width: $baseline*2;
+        border-radius: $border-radius;
+      }
+
+      // Dealing with creating a collapsed menu
+      &.nav-item-open-collapsed-only {
+        display: none;
+      }
+
+      @media (max-width: map-get($grid-breakpoints,md)) {
+        &.nav-item-open-collapsed, &.nav-item-open-collapsed-only {
+          display: initial;
+          margin: $baseline/4 $baseline/2;
+
+          a {
+            color: $brand-primary;
+            padding: 0;
+            text-decoration: none;
+
+            &:hover {
+              color: $input-border-color;
+            }
+          }
+        }
+        &.nav-item-hidden-collapsed {
+          display: none;
+        }
+      }
+    }
+
+    .btn-shopping-cart{
+      padding-top: 0.7rem; // $btn-padding-y-lg once themed
+    }
+
+    .navbar-right .nav-item {
+      @media (min-width: map-get($grid-breakpoints,md)) {
+        .nav-link {
+          text-transform: none;
+          color: $brand-inverse;
+          font-weight: $font-weight-bold;
+          cursor: pointer;
+        }
+      }
+
+      &.dropdown {
+        cursor: pointer;
+
+        .dropdown-item {
+          text-transform: initial;
+        }
+      }
+    }
+  }
+}
diff --git a/cms/static/sass/bootstrap/_variables.scss b/cms/static/sass/bootstrap/_variables.scss
new file mode 100644
index 0000000000..617175a4f0
--- /dev/null
+++ b/cms/static/sass/bootstrap/_variables.scss
@@ -0,0 +1,71 @@
+// Studio - bootstrap utilities - variables
+// ========================================
+
+// #Units:          Unit variables
+// #GRID:           Grid and layout variables
+// #COLORS:         Base, palette and theme color definitions + application
+// #TYPOGRAPHY:     Font definitions and scales
+// #ICONS:          Icon specific colors + other styling
+
+// ----------------------------
+// #UNITS
+// ----------------------------
+$baseline: 20px !default;
+
+// ----------------------------
+// #GRID
+// ----------------------------
+$studio-max-width: 1180px !default;
+
+// ----------------------------
+// #COLORS
+// ----------------------------
+
+$studio-gray: palette(grayscale, base) !default;
+$studio-background-color: palette(grayscale, x-back) !default;
+$studio-container-background-color: $white !default;
+$studio-border-color: palette(grayscale, back) !default;
+$studio-label-color: palette(grayscale, black) !default;
+$studio-active-color: palette(primary, base) !default;
+$studio-preview-menu-color: #c8c8c8 !default;
+$success-color: palette(success, accent) !default;
+$success-color-hover: palette(success, text) !default;
+
+$button-bg-hover-color: $white !default;
+
+$white-transparent: rgba(255, 255, 255, 0) !default;
+$white-opacity-40: rgba(255, 255, 255, 0.4) !default;
+$white-opacity-60: rgba(255, 255, 255, 0.6) !default;
+$white-opacity-70: rgba(255, 255, 255, 0.7) !default;
+$white-opacity-80: rgba(255, 255, 255, 0.8) !default;
+
+$black:     rgb(0,0,0) !default;
+$black-t0:  rgba($black, 0.125) !default;
+$black-t1:  rgba($black, 0.25) !default;
+$black-t2:  rgba($black, 0.5) !default;
+$black-t3:  rgba($black, 0.75) !default;
+
+$light-grey-transparent: rgba(200,200,200, 0) !default;
+$light-grey-solid: rgba(200,200,200, 1) !default;
+
+$header-bg: $white !default;
+$footer-bg: $white !default;
+
+// ----------------------------
+// #TYPOGRAPHY
+// ----------------------------
+$font-light: 300 !default;
+$font-regular: 400 !default;
+$font-semibold: 600 !default;
+$font-bold: 700 !default;
+
+// ----------------------------
+// #ICONS
+// ----------------------------
+// Icons
+$studio-dark-icon-color: $white !default;
+$studio-dark-icon-background-color: palette(grayscale, black) !default;
+
+$site-status-color: rgb(182,37,103) !default;
+
+$shadow-l1: rgba(0,0,0,0.1) !default;
diff --git a/cms/static/sass/bootstrap/studio-main.scss b/cms/static/sass/bootstrap/studio-main.scss
new file mode 100644
index 0000000000..de32b0257a
--- /dev/null
+++ b/cms/static/sass/bootstrap/studio-main.scss
@@ -0,0 +1,19 @@
+// -----------------------------
+// Studio main styles for Bootstrap
+// -----------------------------
+
+// Bootstrap theme
+@import 'bootstrap/theme';
+@import 'bootstrap/scss/bootstrap';
+
+// Variables
+@import 'mixins';
+@import 'variables';
+@import 'base';
+
+// Elements
+@import 'header';
+@import 'footer';
+@import 'navigation';
+@import 'layouts';
+@import 'components';
diff --git a/cms/static/sass/partials/bootstrap/_theme.scss b/cms/static/sass/partials/bootstrap/_theme.scss
new file mode 100644
index 0000000000..af3ef13da3
--- /dev/null
+++ b/cms/static/sass/partials/bootstrap/_theme.scss
@@ -0,0 +1,5 @@
+// Default bootstrap theming
+
+$body-bg: #f5f5f5 !default;
+
+@import 'edx-bootstrap/sass/open-edx/theme';
diff --git a/cms/static/sass/partials/_variables.scss b/cms/static/sass/partials/cms/base/_variables.scss
similarity index 100%
rename from cms/static/sass/partials/_variables.scss
rename to cms/static/sass/partials/cms/base/_variables.scss
diff --git a/cms/templates/base.html b/cms/templates/base.html
index f987897112..8e24b21021 100644
--- a/cms/templates/base.html
+++ b/cms/templates/base.html
@@ -44,7 +44,11 @@ from openedx.core.djangolib.js_utils import (
     <%static:css group='style-vendor-tinymce-content'/>
     <%static:css group='style-vendor-tinymce-skin'/>
 
-    <%static:css group='${self.attr.main_css}'/>
+    % if uses_bootstrap:
+      <link rel="stylesheet" href="${static.url(self.attr.main_css)}" type="text/css" media="all" />
+    % else:
+      <%static:css group='${self.attr.main_css}'/>
+    % endif
 
     <%include file="widgets/segment-io.html" />
 
diff --git a/cms/templates/ux/reference/_note-usage.html b/cms/templates/ux/reference/_note-usage.html
deleted file mode 100644
index 2a5ebab8f5..0000000000
--- a/cms/templates/ux/reference/_note-usage.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<!-- NOTE:
-
-This file is a static reference template used by the edX design and development teams while
-building new features. These files are not generally maintained or updated once a feature has
-been completed. Additionally, these templates are subject to the following:
-
-* inconsistent markup/UI with current UI
-* deletion by the edX design or development if not needed
-* not compliant with internationalization, javascript, or accessibility standards used
-  throughout the rest of the platform
-
--->
diff --git a/cms/templates/ux/reference/bootstrap/test.html b/cms/templates/ux/reference/bootstrap/test.html
new file mode 100644
index 0000000000..311a85a132
--- /dev/null
+++ b/cms/templates/ux/reference/bootstrap/test.html
@@ -0,0 +1,408 @@
+## Override the default styles_version to use Bootstrap
+<%! main_css = "css/bootstrap/studio-main.css" %>
+
+<%page expression_filter="h"/>
+
+<%!
+from openedx.core.djangoapps.util.user_messages import (
+    register_error_message,
+    register_info_message,
+    register_success_message,
+    register_warning_message,
+)
+%>
+
+<%
+register_info_message(request, _('This is a test message'))
+%>
+
+<%inherit file="/base.html" />
+<%block name="title">Bootstrap Test Page</%block>
+<%block name="bodyclass">bootstrap-test</%block>
+
+<%block name="content">
+<div class="wrapper-mast wrapper">
+    <header class="mast has-actions has-subtitle">
+        <h1 class="page-header">
+            <small class="subtitle">Content</small>
+            <span class="sr">&gt; </span>Course Outline
+        </h1>
+
+        <nav class="nav-actions" aria-label="Page Actions">
+            <h3 class="sr">Page Actions</h3>
+            <ul>
+                <li class="nav-item">
+                    <a href="#" class="button button-new" data-category="chapter" data-parent="block-v1:AndyA+AA101+1+type@course+block@course" data-default-name="Section" title="Click to add a new section">
+                        <span class="icon fa fa-plus" aria-hidden="true"></span>New Section
+                    </a>
+                </li>
+                    <li class="nav-item">
+                        <a href="/course/course-v1:AndyA+AA101+1/search_reindex" class="button button-reindex" data-category="reindex" title="Reindex current course">
+                            <span class="icon-arrow-right" aria-hidden="true"></span>Reindex
+                        </a>
+                    </li>
+                <li class="nav-item">
+                    <a href="#" class="button button-toggle button-toggle-expand-collapse collapse-all">
+                        <span class="collapse-all"><span class="icon fa fa-arrow-up" aria-hidden="true"></span> <span class="label">Collapse All Sections</span></span>
+                        <span class="expand-all"><span class="icon fa fa-arrow-down" aria-hidden="true"></span> <span class="label">Expand All Sections</span></span>
+                    </a>
+                </li>
+                <li class="nav-item">
+                    <a href="//localhost:8000/courses/course-v1:AndyA+AA101+1/jump_to/block-v1:AndyA+AA101+1+type@course+block@course" rel="external" class="button view-button view-live-button" title="Click to open the courseware in the LMS in a new tab" target="_blank">View Live</a>
+                </li>
+            </ul>
+        </nav>
+    </header>
+</div>
+
+<div class="wrapper-content wrapper">
+    <section class="content">
+        <article class="content-primary" role="main">
+            <div class="course-status">
+                <div class="status-release">
+                    <h2 class="status-release-label">Course Start Date:</h2>
+                    <p class="status-release-value">Jan 01, 2015 at 00:00 UTC</p>
+
+                    <ul class="status-actions">
+                      <li class="action-item action-edit">
+                        <a href="/settings/details/course-v1:AndyA+AA101+1" class="edit-button action-button" data-tooltip="Edit Start Date">
+                            <span class="icon fa fa-pencil" aria-hidden="true"></span>
+                            <span class="action-button-text sr">Edit Start Date</span>
+                        </a>
+                      </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="wrapper-dnd" lang="en">
+
+                <h2 class="sr">Course Outline</h2>
+                <article class="outline outline-complex outline-course" data-locator="block-v1:AndyA+AA101+1+type@course+block@course" data-course-key="course-v1:AndyA+AA101+1">
+
+
+
+
+        <div class="outline-content course-content">
+            <ol class="list-sections is-sortable">
+                <li class="ui-splint ui-splint-indicator">
+                    <span class="draggable-drop-indicator draggable-drop-indicator-initial"><span class="icon fa fa-caret-right" aria-hidden="true"></span></span>
+                </li>
+            <li class="outline-item outline-section is-live is-draggable is-collapsible " data-parent="block-v1:AndyA+AA101+1+type@course+block@course" data-locator="block-v1:AndyA+AA101+1+type@chapter+block@3a1a345f6bd94bb4abebe9e144cd03b6" style="position: relative;">
+
+    <span class="draggable-drop-indicator draggable-drop-indicator-before"><span class="icon fa fa-caret-right" aria-hidden="true"></span></span>
+
+    <div class="section-header">
+
+            <h3 class="section-header-details expand-collapse collapse ui-toggle-expansion" title="Collapse/Expand this section">
+                <span class="icon fa fa-caret-down" aria-hidden="true"></span>
+
+
+                    <span class="wrapper-section-title wrapper-xblock-field incontext-editor is-editable" data-field="display_name" data-field-display-name="Display Name">
+                        <span class="section-title item-title xblock-field-value incontext-editor-value">Section</span>
+
+    <div class="incontext-editor-action-wrapper">
+    <a href="" class="action-edit action-inline xblock-field-value-edit incontext-editor-open-action" title="Edit the name">
+        <span class="icon fa fa-pencil" aria-hidden="true"></span><span class="sr"> Edit</span>
+    </a>
+</div>
+
+<div class="xblock-string-field-editor incontext-editor-form">
+  <form>
+
+    <label><span class="sr">Edit Display Name (required)</span>
+      <input type="text" value="Section" class="xblock-field-input incontext-editor-input" data-metadata-name="display_name" title="Edit the name">
+    </label>
+    <button class="sr action action-primary" name="submit" type="submit">Save</button>
+    <button class="sr action action-secondary" name="cancel" type="button">Cancel</button>
+  </form>
+</div>
+
+</span>
+
+            </h3>
+
+        <div class="section-header-actions">
+            <ul class="actions-list">
+
+                    <li class="action-item action-publish">
+                        <a href="#" data-tooltip="Publish" class="publish-button action-button">
+                            <span class="icon fa fa-upload" aria-hidden="true"></span>
+                            <span class="sr action-button-text">Publish</span>
+                        </a>
+                    </li>
+
+
+                    <li class="action-item action-configure">
+                        <a href="#" data-tooltip="Configure" class="configure-button action-button">
+                            <span class="icon fa fa-gear" aria-hidden="true"></span>
+                            <span class="sr action-button-text">Configure</span>
+                        </a>
+                    </li>
+
+
+                    <li class="action-item action-duplicate">
+                        <a href="#" data-tooltip="Duplicate" class="duplicate-button action-button">
+                            <span class="icon fa fa-copy" aria-hidden="true"></span>
+                            <span class="sr action-button-text">Duplicate</span>
+                        </a>
+                    </li>
+
+
+                    <li class="action-item action-delete">
+                        <a href="#" data-tooltip="Delete" class="delete-button action-button">
+                            <span class="icon fa fa-trash-o" aria-hidden="true"></span>
+                            <span class="sr action-button-text">Delete</span>
+                        </a>
+                    </li>
+
+
+                <li class="action-item action-drag">
+                    <span data-tooltip="Drag to reorder" class="drag-handle section-drag-handle action">
+                        <span class="sr">Drag to reorder</span>
+                    </span>
+                </li>
+
+            </ul>
+        </div>
+    </div>
+    <div class="section-status">
+
+
+              <div class="status-release">
+                <p>
+                    <span class="sr status-release-label">Release Status:</span>
+                    <span class="status-release-value">
+
+
+                                <span class="icon fa fa-check" aria-hidden="true"></span>
+                                Released:
+
+
+                                Jan 01, 2015 at 00:00 UTC
+
+
+                    </span>
+                </p>
+              </div>
+
+
+            <div class="status-hide-after-due">
+                <p>
+
+                </p>
+            </div>
+
+
+    </div>
+
+
+
+
+        <div class="outline-content section-content">
+            <ol class="list-subsections is-sortable">
+                <li class="ui-splint ui-splint-indicator">
+                    <span class="draggable-drop-indicator draggable-drop-indicator-initial"><span class="icon fa fa-caret-right" aria-hidden="true"></span></span>
+                </li>
+            <li class="outline-item outline-subsection is-live is-draggable is-collapsible is-collapsed" data-parent="block-v1:AndyA+AA101+1+type@chapter+block@3a1a345f6bd94bb4abebe9e144cd03b6" data-locator="block-v1:AndyA+AA101+1+type@sequential+block@dc1b2b84c9be4646a404f6425792eb90" style="position: relative;">
+
+    <span class="draggable-drop-indicator draggable-drop-indicator-before"><span class="icon fa fa-caret-right" aria-hidden="true"></span></span>
+
+    <div class="subsection-header">
+
+            <h3 class="subsection-header-details expand-collapse expand ui-toggle-expansion" title="Collapse/Expand this subsection">
+                <span class="icon fa fa-caret-down" aria-hidden="true"></span>
+
+
+                    <span class="wrapper-subsection-title wrapper-xblock-field incontext-editor is-editable" data-field="display_name" data-field-display-name="Display Name">
+                        <span class="subsection-title item-title xblock-field-value incontext-editor-value">Subsection</span>
+
+    <div class="incontext-editor-action-wrapper">
+    <a href="" class="action-edit action-inline xblock-field-value-edit incontext-editor-open-action" title="Edit the name">
+        <span class="icon fa fa-pencil" aria-hidden="true"></span><span class="sr"> Edit</span>
+    </a>
+</div>
+
+<div class="xblock-string-field-editor incontext-editor-form">
+  <form>
+
+    <label><span class="sr">Edit Display Name (required)</span>
+      <input type="text" value="Subsection" class="xblock-field-input incontext-editor-input" data-metadata-name="display_name" title="Edit the name">
+    </label>
+    <button class="sr action action-primary" name="submit" type="submit">Save</button>
+    <button class="sr action action-secondary" name="cancel" type="button">Cancel</button>
+  </form>
+</div>
+
+</span>
+
+            </h3>
+
+        <div class="subsection-header-actions">
+            <ul class="actions-list">
+
+                    <li class="action-item action-publish">
+                        <a href="#" data-tooltip="Publish" class="publish-button action-button">
+                            <span class="icon fa fa-upload" aria-hidden="true"></span>
+                            <span class="sr action-button-text">Publish</span>
+                        </a>
+                    </li>
+
+
+                    <li class="action-item action-configure">
+                        <a href="#" data-tooltip="Configure" class="configure-button action-button">
+                            <span class="icon fa fa-gear" aria-hidden="true"></span>
+                            <span class="sr action-button-text">Configure</span>
+                        </a>
+                    </li>
+
+
+                    <li class="action-item action-duplicate">
+                        <a href="#" data-tooltip="Duplicate" class="duplicate-button action-button">
+                            <span class="icon fa fa-copy" aria-hidden="true"></span>
+                            <span class="sr action-button-text">Duplicate</span>
+                        </a>
+                    </li>
+
+
+                    <li class="action-item action-delete">
+                        <a href="#" data-tooltip="Delete" class="delete-button action-button">
+                            <span class="icon fa fa-trash-o" aria-hidden="true"></span>
+                            <span class="sr action-button-text">Delete</span>
+                        </a>
+                    </li>
+
+
+                <li class="action-item action-drag">
+                    <span data-tooltip="Drag to reorder" class="drag-handle subsection-drag-handle action">
+                        <span class="sr">Drag to reorder</span>
+                    </span>
+                </li>
+
+            </ul>
+        </div>
+    </div>
+    <div class="subsection-status">
+
+
+              <div class="status-release">
+                <p>
+                    <span class="sr status-release-label">Release Status:</span>
+                    <span class="status-release-value">
+
+
+                                <span class="icon fa fa-check" aria-hidden="true"></span>
+                                Released:
+
+
+                                Jan 01, 2015 at 00:00 UTC
+
+
+                    </span>
+                </p>
+              </div>
+
+
+            <div class="status-hide-after-due">
+                <p>
+
+                </p>
+            </div>
+
+
+    </div>
+
+
+
+
+        <div class="outline-content subsection-content">
+            <ol class="list-units is-sortable">
+                <li class="ui-splint ui-splint-indicator">
+                    <span class="draggable-drop-indicator draggable-drop-indicator-initial"><span class="icon fa fa-caret-right" aria-hidden="true"></span></span>
+                </li>
+            </ol>
+
+
+
+                <div class="add-unit add-item">
+                    <a href="#" class="button button-new" data-category="vertical" data-parent="block-v1:AndyA+AA101+1+type@sequential+block@dc1b2b84c9be4646a404f6425792eb90" data-default-name="Unit" title="Click to add a new Unit">
+                        <span class="icon fa fa-plus" aria-hidden="true"></span>New Unit
+                    </a>
+                </div>
+
+
+        </div>
+
+
+
+    <span class="draggable-drop-indicator draggable-drop-indicator-after"><span class="icon fa fa-caret-right" aria-hidden="true"></span></span>
+</li></ol>
+
+
+
+                <div class="add-subsection add-item">
+                    <a href="#" class="button button-new" data-category="sequential" data-parent="block-v1:AndyA+AA101+1+type@chapter+block@3a1a345f6bd94bb4abebe9e144cd03b6" data-default-name="Subsection" title="Click to add a new Subsection">
+                        <span class="icon fa fa-plus" aria-hidden="true"></span>New Subsection
+                    </a>
+                </div>
+
+
+        </div>
+
+
+
+    <span class="draggable-drop-indicator draggable-drop-indicator-after"><span class="icon fa fa-caret-right" aria-hidden="true"></span></span>
+</li></ol>
+
+
+
+                <div class="add-section add-item">
+                    <a href="#" class="button button-new" data-category="chapter" data-parent="block-v1:AndyA+AA101+1+type@course+block@course" data-default-name="Section" title="Click to add a new Section">
+                        <span class="icon fa fa-plus" aria-hidden="true"></span>New Section
+                    </a>
+                </div>
+
+
+        </div>
+
+
+
+
+</article>
+            </div>
+            <div class="ui-loading is-hidden">
+                <p><span class="spin"><span class="icon fa fa-refresh" aria-hidden="true"></span></span> <span class="copy">Loading</span></p>
+            </div>
+        </article>
+        <aside class="content-supplementary" role="complementary">
+            <div class="bit">
+                <h3 class="title-3">Creating your course organization</h3>
+                <p>You add sections, subsections, and units directly in the outline.</p>
+                <p>Create a section, then add subsections and units. Open a unit to add course components.</p>
+            </div>
+            <div class="bit">
+                <h3 class="title-3">Reorganizing your course</h3>
+                <p>Drag sections, subsections, and units to new locations in the outline.</p>
+                <div class="external-help">
+                    <a href="http://edx.readthedocs.io/projects/open-edx-building-and-running-a-course/en/latest/developing_course/course_outline.html" target="_blank" class="button external-help-button">Learn more about the course outline</a>
+                </div>
+            </div>
+            <div class="bit">
+                <h3 class="title-3">Setting release dates and grading policies</h3>
+                <p>Select the Configure icon for a section or subsection to set its release date. When you configure a subsection, you can also set the grading policy and due date.</p>
+                <div class="external-help">
+                    <a href="http://edx.readthedocs.io/projects/open-edx-building-and-running-a-course/en/latest/grading/index.html" target="_blank" class="button external-help-button">Learn more about grading policy settings</a>
+                </div>
+            </div>
+            <div class="bit">
+                <h3 class="title-3">Changing the content learners see</h3>
+                <p>To publish draft content, select the Publish icon for a section, subsection, or unit.</p>
+                <p>To make a section, subsection, or unit unavailable to learners, select the Configure icon for that level, then select the appropriate <strong>Hide</strong> option. Grades for hidden sections, subsections, and units are not included in grade calculations.</p>
+                <p>To hide the content of a subsection from learners after the subsection due date has passed, select the Configure icon for a subsection, then select <strong>Hide content after due date</strong>. Grades for the subsection remain included in grade calculations.</p>
+                <div class="external-help">
+                    <a href="http://edx.readthedocs.io/projects/open-edx-building-and-running-a-course/en/latest/developing_course/controlling_content_visibility.html" target="_blank" class="button external-help-button">Learn more about content visibility settings</a>
+                </div>
+            </div>
+
+        </aside>
+    </section>
+</div>
+</%block>
diff --git a/cms/templates/ux/reference/index.html b/cms/templates/ux/reference/index.html
index a39951ade0..022cdc33cb 100644
--- a/cms/templates/ux/reference/index.html
+++ b/cms/templates/ux/reference/index.html
@@ -1,35 +1,24 @@
-## Override the default styles_version to the Pattern Library version (version 2)
-<%! main_css = "style-main-v2" %>
+## Override the default styles_version to use Bootstrap
+<%! main_css = "css/bootstrap/studio-main.css" %>
 
 <%page expression_filter="h"/>
+
 <%inherit file="../../base.html" />
 
-<%block name="view_notes">
-  <%include file="_note-usage.html" />
-</%block>
-
 <%block name="title">UX Style Reference</%block>
-<%block name="bodyclass">is-signedin course uploads view-container</%block>
+<%block name="bodyclass">ux-reference</%block>
 
 <%block name="content">
 <div class="main-wrapper">
     <div class="inner-wrapper">
         <div class="main-column">
             <article class="window unit-body">
-                <h1>UX Style Reference</h1>
+                <h2>UX Style Reference</h2>
 
-                <ol class="components">
-                    <li class="component">
-                        <div class="wrapper wrapper-component-action-header">
-                            <h2>Page Types</h2>
-                        </div>
-                        <section class="xblock xblock-student_view xmodule_display xmodule_HtmlModule">
-                            <ul>
-                                <li><a href="pattern-library-test.html">Pattern Library test page</a></li>
-                            </ul>
-                        </section>
-                    </li>
-                </ol>
+                <ul>
+                    <a href="bootstrap/test.html">Bootstrap Test Page</a>
+                    <a href="pattern-library/test.html">Pattern Library Test Page</a>
+                </ul>
             </article>
         </div>
     </div>
diff --git a/cms/templates/ux/reference/pattern-library-test.html b/cms/templates/ux/reference/pattern-library/test.html
similarity index 100%
rename from cms/templates/ux/reference/pattern-library-test.html
rename to cms/templates/ux/reference/pattern-library/test.html
diff --git a/lms/templates/ux/reference/index.html b/lms/templates/ux/reference/index.html
index a9d1b8de3b..1dd042c83c 100644
--- a/lms/templates/ux/reference/index.html
+++ b/lms/templates/ux/reference/index.html
@@ -1,5 +1,8 @@
 ## mako
 
+## Override the default styles_version to use Bootstrap
+<%! main_css = "css/bootstrap/lms-main.css" %>
+
 <%page expression_filter="h"/>
 <%inherit file="/main.html" />
 
diff --git a/openedx/core/djangoapps/debug/views.py b/openedx/core/djangoapps/debug/views.py
index 983ecda81a..81b26e51d5 100644
--- a/openedx/core/djangoapps/debug/views.py
+++ b/openedx/core/djangoapps/debug/views.py
@@ -28,16 +28,27 @@ def show_reference_template(request, template):
     e.g. /template/ux/reference/index.html?name=Foo
     """
     try:
-        uses_bootstrap = u'/bootstrap/' in request.path
         uses_pattern_library = u'/pattern-library/' in request.path
         is_v1 = u'/v1/' in request.path
+        uses_bootstrap = not uses_pattern_library and not is_v1
         context = {
-            "disable_courseware_js": not is_v1,
-            "uses_pattern_library": uses_pattern_library,
-            "uses_bootstrap": uses_bootstrap,
+            'request': request,
+            'disable_courseware_js': not is_v1,
+            'uses_pattern_library': uses_pattern_library,
+            'uses_bootstrap': uses_bootstrap,
         }
         context.update(request.GET.dict())
 
+        # Support dynamic rendering of messages
+        if request.GET.get('alert'):
+            register_info_message(request, request.GET.get('alert'))
+        if request.GET.get('success'):
+            register_success_message(request, request.GET.get('success'))
+        if request.GET.get('warning'):
+            register_warning_message(request, request.GET.get('warning'))
+        if request.GET.get('error'):
+            register_error_message(request, request.GET.get('error'))
+
         # Add some messages to the course skeleton pages
         if u'course-skeleton.html' in request.path:
             register_info_message(request, _('This is a test message'))
@@ -47,4 +58,4 @@ def show_reference_template(request, template):
 
         return render_to_response(template, context)
     except TopLevelLookupException:
-        return HttpResponseNotFound("Couldn't find template {template}".format(template=template))
+        return HttpResponseNotFound('Missing template {template}'.format(template=template))
diff --git a/package.json b/package.json
index 7fe27ecf41..2b2c6fb228 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,7 @@
     "backbone.paginator": "~2.0.3",
     "coffee-loader": "^0.7.3",
     "coffee-script": "1.6.1",
-    "edx-bootstrap": "~0.1.6",
+    "edx-bootstrap": "~0.1.7",
     "edx-pattern-library": "0.18.1",
     "edx-ui-toolkit": "1.5.2",
     "exports-loader": "^0.6.4",
diff --git a/themes/edge.edx.org/cms/static/sass/partials/bootstrap/_theme.scss b/themes/edge.edx.org/cms/static/sass/partials/bootstrap/_theme.scss
new file mode 100644
index 0000000000..a6fe8cb699
--- /dev/null
+++ b/themes/edge.edx.org/cms/static/sass/partials/bootstrap/_theme.scss
@@ -0,0 +1,5 @@
+// Override theming for edx.org bootstrap
+
+$body-bg: #f5f5f5 !default;
+
+@import 'edx-bootstrap/sass/edx/theme';
diff --git a/themes/edx.org/cms/static/sass/partials/bootstrap/_theme.scss b/themes/edx.org/cms/static/sass/partials/bootstrap/_theme.scss
new file mode 100644
index 0000000000..a6fe8cb699
--- /dev/null
+++ b/themes/edx.org/cms/static/sass/partials/bootstrap/_theme.scss
@@ -0,0 +1,5 @@
+// Override theming for edx.org bootstrap
+
+$body-bg: #f5f5f5 !default;
+
+@import 'edx-bootstrap/sass/edx/theme';
diff --git a/themes/red-theme/cms/static/images/favicon.ico b/themes/red-theme/cms/static/images/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..5e784977e6745eac7f72629b34e45c5bd6a79bd7
GIT binary patch
literal 1406
zcmZQzU<5(|0R}M0U}azs1F|%L7$l?s#Ec9aKoZP=&`4}m)x!v}QPyY(jE2C73IRqi
z0C^e00+Fx)fQrDlP$dX1SOA#|5<ugla!Kc*n}@+i5dgawVF{WCpj;pYQUc-qv1efT
gz|X+&fSrNi05bza15gfx(E&^xqz0rGqz9xI0H16OCIA2c

literal 0
HcmV?d00001

diff --git a/themes/red-theme/cms/static/images/studio-logo.png b/themes/red-theme/cms/static/images/studio-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..85ea048de2e5fc61b1966b6bbc63f9cdadb4cb08
GIT binary patch
literal 17783
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
O0000<MNUMnLSTZuYwJ7!

literal 0
HcmV?d00001

diff --git a/themes/red-theme/lms/static/sass/partials/base/_variables.scss b/themes/red-theme/cms/static/sass/partials/base/_variables.scss
similarity index 100%
rename from themes/red-theme/lms/static/sass/partials/base/_variables.scss
rename to themes/red-theme/cms/static/sass/partials/base/_variables.scss
diff --git a/themes/red-theme/cms/static/sass/partials/bootstrap/_theme.scss b/themes/red-theme/cms/static/sass/partials/bootstrap/_theme.scss
new file mode 100644
index 0000000000..7fb5406954
--- /dev/null
+++ b/themes/red-theme/cms/static/sass/partials/bootstrap/_theme.scss
@@ -0,0 +1,13 @@
+// Sample red theme to demonstrate SASS overrides
+
+// Theme colors
+//
+// Note: define colors needed by your theme first
+$red: #d9534f !default;
+$brand-primary: $red;
+
+// Theme fonts
+$font-family-sans-serif: cursive;
+
+// Initialize the Open edX bootstrap theme
+@import 'edx-bootstrap/sass/open-edx/theme';
diff --git a/themes/red-theme/cms/static/sass/partials/cms/base/_variables.scss b/themes/red-theme/cms/static/sass/partials/cms/base/_variables.scss
new file mode 100755
index 0000000000..9a779f5e13
--- /dev/null
+++ b/themes/red-theme/cms/static/sass/partials/cms/base/_variables.scss
@@ -0,0 +1,14 @@
+// Color overrides
+$white: rgb(255,255,255);
+$red: #d9534f !default;
+
+$footer-bg: $white;
+$header-bg: $white;
+$header-border-color: $red;
+
+$base-font-color: $red;
+$link-color: $red;
+$lms-active-color: $red;
+$lms-label-color: $red;
+
+@import 'cms/static/sass/partials/cms/base/variables';