innov
/
BootstrapAdmin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

增加弹出框的不通设备不通分辨率支持

This commit is contained in:
Argo-Lenovo 2016-10-24 16:28:21 +08:00
parent a2bf36db17
commit f2e49df6a3
2 changed files with 37 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
Bootstrap.Admin/Content/css/site.css
View File

@ -392,22 +392,30 @@ a.logo {
margin-right: 10px;
}
@media (max-width: 768px) {
.form-inline {
margin-bottom: -15px;
}
@media (min-width: 768px) {
.form-inline .form-group {
margin-bottom: 15px;
}
.panel-body {
padding-bottom: 0;
}
}
@media (max-width: 768px) {
.panel-body {
padding-bottom: 0;
}
}
.modal-body {
padding-bottom: 0;
}
.modal-dialog {
@media (min-width: 992px) {
.modal-dialog {
width: 800px;
}
}
.modal-header {
@ -421,6 +429,10 @@ a.logo {
margin-top: 1px;
}
.modal-footer {
clear: both;
}
.fixed-table-loading {
padding-top: 5px;
}

28
Bootstrap.Admin/Views/Admin/Users.cshtml
View File

@ -31,33 +31,27 @@
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" id="myModalLabel">输入口编辑窗口</h4>
<h4 class="modal-title" id="myModalLabel">用户编辑窗口</h4>
</div>
<div class="modal-body">
<form class="form-horizontal" id="dataForm" name="dataForm" role="form">
<div class="form-group">
<label class="control-label col-sm-2" for="userName">登陆名称</label>
<div class="col-sm-3">
<form class="form-inline" id="dataForm" name="dataForm" role="form">
<div class="form-group col-lg-6">
<label class="control-label" for="userName">登陆名称</label>
<input type="text" class="form-control" id="userName" name="userName" maxlength="50" />
</div>
<label class="control-label col-sm-2" for="userName">显示名称</label>
<div class="col-sm-3">
<div class="form-group col-lg-6">
<label class="control-label" for="userName">显示名称</label>
<input type="text" class="form-control" id="displayName" name="displayName" maxlength="50" />
<input type="text" class="form-control hide" id="userID" name="userID" />
</div>
<div class="col-sm-12" style="display:none;">
<input type="text" class="form-control" id="userID" name="userID" />
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="password">登录密码</label>
<div class="col-sm-3">
<div class="form-group col-lg-6">
<label class="control-label" for="password">登录密码</label>
<input type="password" class="form-control" id="password" name="password" maxlength="15" />
</div>
<label class="control-label col-sm-2" for="confirm">确认密码</label>
<div class="col-sm-3">
<div class="form-group col-lg-6">
<label class="control-label" for="confirm">确认密码</label>
<input type="password" class="form-control" id="confirm" name="confirm" maxlength="15" />
</div>
</div>
</form>
</div>
<div class="modal-footer">