feature(EJ2-4392): provided support for bootstrap theme to master branch

Author: pipeline

index.html

@@ -40,6 +40,7 @@
                     <ul id="themelist" class="options">
                         <li class="e-list" id="material"><span class='switch-text'>Material</span><span class='switch-icon material'></span></a></li>
                         <li class="e-list" id="fabric"><span class='switch-text'>Fabric</span><span class='switch-icon fabric'></span></a></li>                          
+                        <li class="e-list" id="bootstrap"><span class='switch-text'>Bootstrap</span><span class='switch-icon bootstrap'></span></a></li>                          
                     </ul>
                 </div>
             </div>

src/common/sb.component.ts

@@ -22,7 +22,7 @@ const idRegex: RegExp = /\{0\}/g;
 const sourceHeader: string = '<li class="nav-item {2}" role="presentation"><a class="nav-link" target-content="{0}" role="tab" {1}>{0}</a></li>';
 const sourcecontent: string = '<div class="tab-pane {2}" id="{0}" role="tabpanel" {4}><pre><code class="{3}">{1}</code></pre></div>';
 const plnk: string = '<li class="plnk" style="float:right"><a id="plnkr">Open in Plunker</a></li>';
-const themes: string[] = ['material', 'fabric'];
+const themes: string[] = ['material', 'fabric', 'bootstrap'];
 let selectedTheme: string;
 let themeFlag: boolean = true;
 declare let hljs: any;

src/datepicker/special-plnkr.json

@@ -9,10 +9,6 @@ body {
     font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif";
 }
 
-body * {
-    user-select: none;
-}
-
 .h-scroll {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
@@ -67,6 +63,9 @@ control-content {
 .switch-icon.fabric {
     background: url(images/SB_icon/fabric.png) no-repeat 100% 100%;
 }
+.switch-icon.bootstrap {
+    background: url(images/SB_icon/bootstrap.png) no-repeat 100% 100%;
+}
 .switch-icon {
     display: block;
     float: right;