Почему при добавлении Bootstrap отсутствуют элементы моей угловой формы?

Question

У меня угловой проект.

Я добавил Bootstrap.

В моем component.html у меня есть форма.

При добавлении начальной загрузки мой дизайн элементов угловой формы нарушается.

Вот примерный ассортимент

<form [formGroup]="this.participantSearchService.searchParticipantForm"  (ngSubmit)="this.participantSearchService.onSubmit()">

    <div class="formsTitle">
        <span style="color:#fff; font-size: 15px">{{ this.appService.title}}</span>
    </div>
    <table class="label" width="100%">
        <colgroup class="label-td" width="130">
        </colgroup>
        <colgroup width="380">
        </colgroup>
        <colgroup class="label-td" width="130">
        </colgroup>
        <colgroup width="380">
        </colgroup>
        <tbody>

            <tr>
                <td>
                    <label>جهة المشارك </label>
                </td>
                <td>
                    <select formControlName="participantLocation">
                        <option value="" >A</option>
                        <option value="1">B</option>
                        <option value="2">C</option>
                    </select>

                </td>
</form>

Есть идеи?

Вот снимок экрана.