bootstrap基于媒体设置asp网格宽度

时间:2014-12-16 14:05:34

标签: jquery css twitter-bootstrap

我有一个包含多个引导行的网页,其中一行包含一个asp.net网格 如果客户端视图缩小到800px以下,我需要网格宽度不缩小到800px以下并添加水平滚动条
例如,我将执行以下操作以使所有客户端使用400px宽度,然后它将自动滚动网格。

<div style="overflow-x:auto;width:400px;overflow:scroll">
    <asp:GridView ID="GridView1" runat="server" Width="1280px">
        <%-- GRID STUFF HERE --%>
    </asp:GridView>
</div>

我想用某种方法将div的宽度硬编码为400px。

修改
我正在使用bootstrap,如下例所示。

<div class="container-fluid">
    <div class="row" id="testGrid" style="overflow-x:auto;width:400px;">
        <div class="col-lg-12 col-xs-12">
            <asp:GridView ID="GridView1" runat="server" Width="1280px">
                <%-- GRID STUFF HERE --%>
            </asp:GridView>
        </div>
    </div>
</div>

我可以使用bootstrap中的任何东西来帮助吗? 我是否通过将网格放在一列中来正确使用引导程序?

1 个答案:

答案 0 :(得分:1)

媒体查询应该可以解决问题。在行上使用选择器,并根据客户端视图大小进行定位。 Hope this helps.