Angular 12 -更新后在styles.css之前插入CSS样式块(bootstrap??)正在打破响应能力

"styles": [
  "node_modules/bootstrap/dist/css/bootstrap.min.css",
  "src/styles.css"
],

/* styles.css */
.container {
  width: 100% !important;
}

// app.component.ts
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  // ...
}

/* app.component.css */
.container {
  width: 100%;
}

// app.component.ts
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'my-app';
}

<!-- app.component.html -->
<div class="container">
  <h1>{{ title }}</h1>
</div>

/* app.component.css */
.container {
  width: 100%;
}

"styles": [
  "node_modules/bootstrap/dist/css/bootstrap.min.css",
  "src/styles.css"
],