ASP .NET UpdatePanel 下拉列表在引导程序中没有获得宽度

如何解决ASP .NET UpdatePanel 下拉列表在引导程序中没有获得宽度

我有一个旧的 asp .net webforms 应用程序，我想给它刷一层新的油漆。我正在向它添加一些引导用户界面的东西，并试图改善整体用户界面。我有一个问题，下拉列表框显示为空。 bootstrap 通常将这些显示为全宽。如何让引导程序以全宽显示此内容？我假设我在分配的课程中遇到了一些问题。我想知道这是否是引导网格中的问题。任何建议表示赞赏。 TIA

下面是我的代码。请注意，ddlActiveOffice 是屏幕上的另一个控件。当用户选择办公室时，团队下拉菜单会更改内容。这有效，但它没有全宽的引导程序外观。

<div class="row">
    <div class="col">                            
        <div class="input-group">
            <div class="input-group-prepend">
        <asp:Label ID="lblTeamAssigned" runat="server"
            Text="Team"  class="input-group-text"
            AssociatedControlID="ddlTeamAssigned" />
                </div>
        <asp:UpdatePanel ID="uplActiveOffice" runat="server" RenderMode="Block" UpdateMode="Conditional">
                            <ContentTemplate>
                                <asp:DropDownList ID="ddlTeamAssigned" runat="server" 
                                    CssClass="form-control ui-selectable"
                                    style="100%" />

                            </ContentTemplate>
                            <Triggers>
                                <asp:AsyncPostBackTrigger ControlID="ddlActiveOffice" EventName="SelectedindexChanged" />
                            </Triggers>
                        </asp:UpdatePanel>
                    </div>
        &nbsp;
        </div>
    <div class="col">
        <div class="input-group">
            <div class="input-group-prepend">
        <asp:Label ID="lblInitialContact" runat="server"
            Text="Initial Contact:" CssClass="input-group-text text-center small"
            AssociatedControlID="txtinitialContact"
            >Initial:</asp:Label>
            </div>
            <asp:TextBox ID="txtinitialContact" runat="server"  
            onchange='validateDate("date",this.value)' />
            </div>
            <span class="requiredStyle">* required Field</span>
    </div>
</div>