屏幕宽度太小时,使 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">
<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>
</div>
</div>
</div>
</form>
}

View File

@ -26,6 +26,16 @@
<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>
</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>
</form>
}
@ -34,7 +44,7 @@
<span class="fa fa-sitemap" aria-hidden="true"></span>指派角色
</button>
<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>
}
@section modal {

View File

@ -32,12 +32,23 @@
<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>
</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>
</form>
}
@section toolbar{
<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 id="btn_assignGroup" type="button" class="btn btn-info">
<span class="fa fa-home" aria-hidden="true"></span>指派部门

View File

@ -26,6 +26,16 @@
<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>
</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>
</form>
}