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>

result that I have currently

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)