Смешивая Angular Материал и Bootstrap. Хорошая или плохая практика?

Question

Я новичок в Angular Материал и, как я вижу, у него есть собственный сложный API. Я прихожу с Bootstrap, и я все время использую его регулярные классы системы сетки, такие как строка , контейнеры, cols, et c. Интересно, это хорошая или плохая практика, смешивая их так:

    <div class="container">
<div class="row">
  <div class="col-md-6 offset-md-3">
    <form class="my-form">
      <mat-form-field class="full-width">
             <mat-label>First Name</mat-label>
             <input  matInput  placeholder="First name"  name="fname"  required>
          </mat-form-field>
          <mat-form-field class="full-width">
             <mat-label>Last Name</mat-label>
             <input  matInput  placeholder="Last Name" name="lname"  required>
          </mat-form-field>
          <mat-form-field class="full-width">
             <mat-label>Address</mat-label>
             <input  matInput  placeholder="Address" name="address"  required>
          </mat-form-field>
          </form>
  </div>
</div>
</div>

Если нет, то почему?

Answer 1

Если вы используете 2 библиотеки, это, вероятно, повлияет на стили вашего компонента, и это не так хорошо.

Одна вещь, которую вы можете сделать, чтобы уменьшить эффект, это заказать импорт в angular. json и поместите наиболее важные файлы стилей в конец списка стилей

"styles": [
          "bootstrap.css"
          "material.css"
          "src/styles.css" // yours css should be the last
        ]