我正在将我的网站之一从 AngularJs / Bootstrap 3 转换为 Angular 6 / Bootstrap。
在 Chrome 和 Firefox 以及 edige 中,我的模式如下所示:
然而,在IE11中
代码:
<div class="container">
<div class="modal-header">
</div>
<div class="modal-body">
<form [formGroup]="loginForm" (keydown.enter)="onKeydown($event)">
<div class="row form-group">
<div class="col-12">
<input type="email" class="form-control" placeholder="Email" formControlName="userName" required autofocus />
<p *ngIf="!isValidUserName" class="help-block alert-danger">Invalid Username</p>
</div>
</div>
<div class="row form-group">
<div class="col-12">
<input type="password" class="form-control" placeholder="Password" formControlName="password" required />
<p *ngIf="!isValidPassword" class="help-block alert-danger">Invalid Password</p>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<div class="grid">
<div class="row">
<div class="col-12">
<button class="btn loginBtn" (click)="login(userName.value, password.value)">
Login
</button>
<p *ngIf="loginError" class="help-block alert-danger">{{ loginError }}</p>
</div>
</div>
<div class="row form-group">
<div class="col text-center">
<label class="forgotPasswordLink" (click)="openForgotPasswordModal()">
Forgot password?
</label>
</div>
</div>
<div class="row form-group">
<div class="col-12 col-md-6">
<button type="button" (click)="googleLogin()" class="btn btnGoogle googleIcon">
<span class="button-text">Login with Google</span>
</button>
</div>
<div class="col-12 col-md-6">
<button type="button" (click)="linkedInLogin()" class="btn btnLinkedIn linkedinIcon">
<span class="button-text">Login with LinkedIn</span>
</button>
</div>
</div>
<div class="row form-group">
<div class="col-12 text-center">
Don't have an account? <a (click)="signUp()">Sign up</a>
</div>
</div>
</div>
</div>
</div>
我查看了 github,但据我所知,这些解决方案似乎都不起作用,有没有办法在站点级别解决这种不一致问题?
我能够通过添加来解决非常类似的问题
flex: 1 0 auto;
on span
with col-12
包含模式的消息/文本。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)