I'm brand new to Angular Material and it seems to have its own intricate API. Coming from using Bootstrap, I'm accustomed to utilizing its grid system with classes like row, containers, cols, etc. I'm curious if it's considered a good or bad practice to mix them together like this:
<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>
If not allowed, can you explain why?