gridview宽度在设计视图中工作但不在浏览器中工作

Question

我使用的是Asp.net网格视图。我的问题是，当我改变gridview的宽度时，它正在visual studio 2012的设计模式下工作，但是当我浏览它时它不起作用。这是我的代码。

    <asp:Content ID="main" runat="server" ContentPlaceHolderID="cart">
    <asp:GridView ID="GridView1"  runat="server" AutoGenerateColumns="false" >

        <Columns>
            <asp:BoundField HeaderText="..." DataField="....."  />
             <asp:BoundField HeaderText="..." DataField="...."  />
             <asp:BoundField HeaderText="..." DataField=".."  />
             <asp:BoundField HeaderText="Description" DataField="prod_desc" />
             <asp:BoundField HeaderText="Category" DataField="prod_ctg_id"  />

        </Columns>
       </asp:GridView>
  </div>
</asp:Content>

这是我的母版页代码：

 <div class="col-lg-10 col-mg-10 col-md-offset-1";">
 <asp:ContentPlaceHolder runat="server" ID="cart">
       </asp:ContentPlaceHolder>
       </div>

这是css

#GridView1 {
width:100% ;
margin:0px;
height:400px;

}

我正在使用bootstrap和css文件

 <link href="Content/Bootstrap.min.css" rel="stylesheet" />
 <link href="Content/style.css" rel="stylesheet" />

我已经尝试了很多，我也删除了浏览器缓存但仍无法正常工作。提前谢谢。