增加新功能，屏幕宽度太小时，toolbar变成图标

Bootstrap.Admin/Content/css/admin.css

@@ -3,6 +3,26 @@
     height: auto;
 }
 
+.has-error input {
+    background-repeat: no-repeat;
+    background-image: url('../images/error.png');
+    background-position: right 8px center;
+}
+
+.has-error .input-group-btn button, .has-error .input-group-btn button:active:focus {
+    border-color: #a94442;
+}
+
+.has-success input {
+    background-repeat: no-repeat;
+    background-image: url('../images/success.png');
+    background-position: right 8px center;
+}
+
+.has-success .input-group-btn button, .has-success .input-group-btn button:active:focus {
+    border-color: #3c763d;
+}
+
 .sidebar-closed > #sidebar > ul {
     display: none;
 }
@@ -159,3 +179,25 @@ ul.sidebar-menu {
         margin-right: 6px;
         top: 2px;
     }
+
+.toolbar {
+    position: relative;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    line-height: 34px;
+    display: none;
+}
+
+    .toolbar div {
+        padding: 0;
+        white-space: nowrap;
+    }
+
+        .toolbar div a:first-child {
+            border-left: none;
+        }
+
+        .toolbar div a {
+            padding: 8px 20px;
+            border-left: solid 1px #aeb2b7;
+        }

Bootstrap.Admin/Content/css/site-responsive.css

@@ -67,6 +67,14 @@
     .modal-dialog {
         width: 460px;
     }
+
+    .bs-bars {
+        display: none;
+    }
+
+    .toolbar {
+        display: inline-block;
+    }
 }
 
 @media (max-width: 480px) {

Bootstrap.Admin/Content/css/site.css

@@ -10,26 +10,6 @@
     -moz-font-smoothing: antialiased;
 }
 
-.has-error input {
-    background-repeat: no-repeat;
-    background-image: url('../images/error.png');
-    background-position: right 8px center;
-}
-
-.has-error .input-group-btn button, .has-error .input-group-btn button:active:focus {
-    border-color: #a94442;
-}
-
-.has-success input {
-    background-repeat: no-repeat;
-    background-image: url('../images/success.png');
-    background-position: right 8px center;
-}
-
-.has-success .input-group-btn button, .has-success .input-group-btn button:active:focus {
-    border-color: #3c763d;
-}
-
 .dropdown-menu {
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important;
 }

Bootstrap.Admin/Content/js/common-scripts.js

@@ -71,4 +71,12 @@ $(function () {
     //$("html").niceScroll({styler:"fb",cursorcolor:"#e8403f", cursorwidth: '6', cursorborderradius: '10px', background: '#404040', spacebarenabled:false,  cursorborder: '', zindex: '1000', scrollspeed: 100, mousescrollstep: 60});
 
     //$(".table-responsive").niceScroll({ styler: "fb", cursorcolor: "#e8403f", cursorwidth: '6', cursorborderradius: '10px', background: '#404040', spacebarenabled: false, cursorborder: '', zindex: '1000', horizrailenabled: true });
+
+
+    $('.toolbar').insertBefore($('.bootstrap-table > .fixed-table-toolbar > .bs-bars'));
+
+    $('.toolbar a').click(function () {
+        var ctl = $('#' + $(this).attr('id').replace('tb_', 'btn_'));
+        ctl.trigger("click");
+    });
 })(jQuery);

Bootstrap.Admin/Views/Admin/Menus.cshtml

@@ -40,6 +40,15 @@
             <div class="form-group col-xs-12 col-sm-6 col-md-2 col-lg-2">
                 <button type="button" id="btn_query" class="btn btn-primary form-control"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button>
             </div>
+            <div class="toolbar btn-group dropdown">
+                <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button"><i class="fa fa-gear"></i></button>
+                <div class="dropdown-menu">
+                    <a id="tb_add" href="#" title="新增"><i class="glyphicon glyphicon-plus"></i></a>
+                    <a id="tb_delete" href="#" title="删除"><i class="glyphicon glyphicon-remove"></i></a>
+                    <a id="tb_edit" href="#" title="编辑"><i class="glyphicon glyphicon-pencil"></i></a>
+                    <a id="tb_assignRole" href="#" title="指派角色"><i class="fa fa-sitemap"></i></a>
+                </div>
+            </div>
         </div>
     </form>
 }