angularjs - 为什么添加 Bootstrap 会错过我的角形元素？

Question

我有一个角度项目。

我添加了引导程序。

在我的 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>

任何想法 ？

这是一个屏幕截图。

标签： angularjstwitter-bootstrap