为什么添加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>

有什么想法吗？

这是屏幕截图。