Question

我正在编写一个使用Bootstrap的asp.net应用程序。我遇到了容器类的问题。我想要做的是有一个由3个标签和3个下拉组成的网格。这是代码：

        <div class="panel panel-default">
            <div class="panel-body container">
                <div class="cssFilterGrid">
                    <div class="row">
                        <div class="col-sm-4">
                            <asp:Label ID="label 1" runat="server" Text="label 1" /></div>
                        <div class="col-sm-4">
                            <asp:Label ID="label 2" runat="server" Text="label 2" /></div>
                        <div class="col-sm-4">
                            <asp:Label ID="label 3" runat="server" Text="label 3" /></div>
                    </div>
                    <div class="row">
                        <div class="col-sm-4">
                            <asp:DropDownList ID="ddl1" CssClass="form-control" DataTextField="ddl1" runat="server" /></div>
                        <div class="col-sm-4">
                            <asp:DropDownList ID="ddl2" CssClass="form-control" DataTextField="StatusString" DataValueField="ddl2" runat="server" /></div>
                        <div class="col-sm-4">
                            <asp:DropDownList ID="ddl3" CssClass="form-control" DataTextField="FullName" DataValueField="ddl3" runat="server" /></div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12 filterBtn">
                            <asp:Button ID="btnFilter" CssClass="btn btn-primary" runat="server" Text="Filter" OnClick="btnFilter_Click" />
                        </div>
                    </div>
                </div>
            </div>
        </div>

和cssFilterGrid如下：

.cssFilterGrid
{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

使用panel-body div上的容器类，网格可以在90％的时间内响应。但是，在某些分辨率下，下拉列表＃3会从屏幕上消失。如果我删除容器类，网格会100％响应。知道可能会发生什么吗？

Answer 1

您是否尝试过切换到容器 - 液体而不是容器......

在bootstrap（xs，sm，md，lg）中，容器的每个屏幕大小都有一个固定的宽度; .container-fluid扩展以填充可用宽度。即，根据正在查看网页的视口的宽度，容器类为其div提供特定的固定宽度。

Bootstrap容器类部分响应

1 个答案: