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

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

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