屏幕宽度太小时,使 toolbar变成图标

This commit is contained in:
lq_avenue 2016-11-09 18:36:49 +08:00
parent 71b7fde64c
commit 9374d7fc94
4 changed files with 45 additions and 6 deletions

View File

@ -34,6 +34,14 @@
<div class="form-group col-lg-2"> <div class="form-group 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> <button type="button" id="btn_query" class="btn btn-primary form-control"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button>
</div> </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>
</div>
</div>
</div> </div>
</form> </form>
} }

View File

@ -26,6 +26,16 @@
<div class="form-group col-lg-2"> <div class="form-group 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> <button type="button" id="btn_query" class="btn btn-primary form-control"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button>
</div> </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>
<a id="tb_assignUser" href="#" title="指派用户"><i class="fa fa-user"></i></a>
</div>
</div>
</div> </div>
</form> </form>
} }
@ -34,7 +44,7 @@
<span class="fa fa-sitemap" aria-hidden="true"></span>指派角色 <span class="fa fa-sitemap" aria-hidden="true"></span>指派角色
</button> </button>
<button id="btn_assignUser" type="button" class="btn btn-info"> <button id="btn_assignUser" type="button" class="btn btn-info">
<span class="fa fa-home" aria-hidden="true"></span>指派用户 <span class="fa fa-user" aria-hidden="true"></span>指派用户
</button> </button>
} }
@section modal { @section modal {

View File

@ -32,12 +32,23 @@
<div class="form-group col-lg-2"> <div class="form-group 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> <button type="button" id="btn_query" class="btn btn-primary form-control"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button>
</div> </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_assignUser" href="#" title="指派用户"><i class="fa fa-user"></i></a>
<a id="tb_assignGroup" href="#" title="指派部门"><i class="fa fa-home"></i></a>
<a id="tb_assignMenu" href="#" title="指派菜单"><i class="fa fa-dashboard"></i></a>
</div>
</div>
</div> </div>
</form> </form>
} }
@section toolbar{ @section toolbar{
<button id="btn_assignUser" type="button" class="btn btn-info"> <button id="btn_assignUser" type="button" class="btn btn-info">
<span class="fa fa-sitemap" aria-hidden="true"></span>指派用户 <span class="fa fa-user" aria-hidden="true"></span>指派用户
</button> </button>
<button id="btn_assignGroup" type="button" class="btn btn-info"> <button id="btn_assignGroup" type="button" class="btn btn-info">
<span class="fa fa-home" aria-hidden="true"></span>指派部门 <span class="fa fa-home" aria-hidden="true"></span>指派部门

View File

@ -26,6 +26,16 @@
<div class="form-group col-lg-2"> <div class="form-group 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> <button type="button" id="btn_query" class="btn btn-primary form-control"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button>
</div> </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>
<a id="tb_assignGroup" href="#" title="指派部门"><i class="fa fa-home"></i></a>
</div>
</div>
</div> </div>
</form> </form>
} }