Bootstrap bug with Angular

Question

I have this problem in my project, I added bootstrap 4.3.1 normally in the angular project, but when trying to split the columns as the code below this margin appears preventing bootstrap grid division to happen, and I have not added any other CSS.

<div clas="row">
    <div class="col-7">
        Coluna 1
    </div>

    <div class="col-3">
        Coluna 2
    </div>
</div>

And this code above appears in the route of this code

<div class="container" id="container">
    <router-outlet></router-outlet>
</div>

Answer 1

Cara you write to class of row wrong, you put clas there without the row to col doesn’t work

See that fixing this back to work perfectly

<link rel="stylesheet" type="text/css" media="screen" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" />

<div class="container" id="container">
    <div class="row">
        <div class="col-7">
            Coluna 1
        </div>

        <div class="col-3">
            Coluna 2
        </div>
    </div>
</div>