Initial Bootstrap 3 migration

src/UI/Shared/Toolbar/Button/ButtonView.js

@@ -9,7 +9,7 @@ define(
 
         return Marionette.ItemView.extend({
             template : 'Shared/Toolbar/ButtonTemplate',
-            className: 'btn',
+            className: 'btn btn-default btn-icon-only-xs',
 
             ui: {
                 icon: 'i'

src/UI/Shared/Toolbar/ButtonTemplate.html

@@ -1 +1 @@
-<i class="{{icon}} x-icon"/> {{title}}
+<i class="{{icon}} x-icon"/><span> {{title}}</span>

src/UI/Shared/Toolbar/Radio/RadioButtonCollectionView.js

@@ -10,7 +10,7 @@ define(
             itemView : RadioButtonView,
 
             attributes: {
-                'data-toggle': 'buttons-radio'
+                'data-toggle': 'buttons'
             },
 
             initialize: function (options) {

src/UI/Shared/Toolbar/Radio/RadioButtonView.js

@@ -6,9 +6,9 @@ define(
     ], function (Marionette, Config) {
 
         return Marionette.ItemView.extend({
-            template : 'Shared/Toolbar/ButtonTemplate',
-            className: 'btn',
-
+            template : 'Shared/Toolbar/RadioButtonTemplate',
+            className: 'btn btn-default',
+            
             ui: {
                 icon: 'i'
             },

src/UI/Shared/Toolbar/RadioButtonTemplate.html

@@ -0,0 +1 @@
+<input type="radio"><i class="{{icon}} x-icon"/><span> {{title}}</span>

src/UI/Shared/Toolbar/Sorting/SortingButtonCollectionViewTemplate.html

@@ -1,5 +1,5 @@
 <div class="btn-group sorting-buttons">
-    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
+    <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
         Sort <span class="caret"></span>
     </a>
     <ul class="dropdown-menu">