Angular 引导错误验证错误颜色（红色）未显示

我正在尝试使用引导验证表单。到目前为止，我设法验证了表单，但我的表单应该在出错时将颜色更改为红色。但没有显示红色

我在哪里犯了错误

用户名
名称是必需的

密码
密码是必需的

Username需要姓名
密码
需要密码

Username需要姓名
密码
需要密码

是否包含bootstrap.css？是否包含bootstrap.css？是否包含bootstrap.css？是否包含bootstrap.css？是否包含除了错误验证颜色以外的所有功能？是否在dom中检查颜色是否显示为红色？第二种解决方案是，您可以在HTML中使用样式标记添加颜色。是否包含bootstrap.css？是否包含bootstrap.css？是否包含我，如果未导入表单也不包含显示除错误验证颜色外的所有功能都可以正常工作。您是否在dom中签入显示红色？第二个解决方案是，您可以在HTML中使用样式标记添加颜色。

<form #loginForm="ngForm"> <div class="form-group" [class.has-error]="userName.invalid && userName.touched" [class.has-success]="userName.valid"> <label for="userName" class="control-label">Username</label> <input type="text" class="form-control" name="userName" [(ngModel)]="loginObject.userName" id="userName" #userName="ngModel" required> <span class="help-block" style="color:red" *ngIf="userName.invalid && userName.touched"> <p>Name is required</p> </span> </div> <div class="form-group" [class.has-error]="password.invalid && password.touched" [class.has-success]="password.valid"> <label for="password" class="control-label">Password</label> <input type="password" class="form-control" name="password" [(ngModel)]="loginObject.password" id="password" #password="ngModel" required> <span class="help-block" style="color:red" *ngIf="password.invalid && password.touched"> <p>Password is required</p> </span> </div> </form>