Cannot set specific column widths in bootstrap gridview

I have a gridview:

     <asp:GridView ID="ParentSelect" runat="server" AutoGenerateColumns="false" OnRowCommand="ParentSelect_RowCommand" OnRowCreated="ParentSelect_RowCreated" emptydatatext="Please Submit A Clip. C'mon dude." ShowHeaderWhenEmpty="true" HorizontalAlign="Center" Width="600" CssClass= "table table-striped table-bordered table-condense" OnDataBound="ParentSelect_DataBound" DataKeyNames="SubmissionID" RowStyle-Wrap="true">
    <HeaderStyle BorderColor="Black" />
    <Columns>
        <asp:BoundField DataField ="SubmissionID" />
        <asp:TemplateField HeaderText ="Vote" ItemStyle-HorizontalAlign="center" HeaderStyle-CssClass="DisplayCenterHeaderGrid">

            <ItemTemplate>
                <asp:Imagebutton ID="VoteUp" runat="server" ImageUrl="Content/glyphicons-202-upload.png" Width="20" ToolTip="Vote Up" CommandArgument="<%# ((GridViewRow) Container).RowIndex %>
        " CommandName="VoteUp" OnCommand="VoteUp_Command" />
            </ItemTemplate>
        </asp:TemplateField>
        <asp:BoundField DataField ="Title" HeaderText="Title" Visible="True" HeaderStyle-Width="30" HeaderStyle-CssClass="DisplayCenterHeaderGrid"/>
        <asp:BoundField DataField ="VideoUrl" HeaderText="Title" Visible="false" />
        <asp:BoundField DataField ="Description" HeaderText="Title" Visible="false" />             
        <asp:BoundField DataField ="GenreSelection" HeaderText="Genre" Visible="True" HeaderStyle-Width="30" ItemStyle-HorizontalAlign="center" HeaderStyle-HorizontalAlign="Center" HeaderStyle-CssClass="DisplayCenterHeaderGrid" />
    </Columns>
</asp:GridView>

I have tried virtually every way imaginable to set specific column widths and have been unsuccessful in doing so. Please help

Solution

Try to set ItemStyle-Width this property for your BoundField

 <asp:BoundField DataField ="Title" HeaderText="Title" Visible="True" 
  HeaderStyle-Width="30" HeaderStyle-CssClass="DisplayCenterHeaderGrid"
  ItemStyle-Width="300px"/>