title: Bootstrap Messing Telerik RadGrid
body: <p>My Telerik RadGrid is working fine on normal page but when I include Bootstrap's CSS it starts to become ugly! What do I do?</p>
  
  <p>Before Adding Bootstrap
  <img src="https://i.stack.imgur.com/ZXxYY.png" alt="enter image description here"></p>
  
  <p>After Adding Bootstrap
  <img src="https://i.stack.imgur.com/yd9bK.png" alt="enter image description here"></p>
  
  <p>Normal Page Code</p>
  
  <pre><code>&lt;%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="WebApplication8.WebForm2" %&gt;
  
  &lt;!DOCTYPE html&gt;
  
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head runat="server"&gt;
      &lt;title&gt;&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form id="form1" runat="server"&gt;
          &lt;div&gt;
  
              &lt;asp:ScriptManager ID="ScriptManager1" runat="server"&gt;
              &lt;/asp:ScriptManager&gt;
              &lt;telerik:RadGrid ID="RadGrid3" runat="server" AllowFilteringByColumn="True" AllowPaging="True" AllowSorting="True" AutoGenerateDeleteColumn="True" AutoGenerateEditColumn="True" CellSpacing="0" DataSourceID="SqlDataSource1" GridLines="None" ShowGroupPanel="True"&gt;
                  &lt;ClientSettings AllowColumnsReorder="True" AllowDragToGroup="True" ReorderColumnsOnClient="True"&gt;
                      &lt;Scrolling AllowScroll="True" UseStaticHeaders="True" /&gt;
                  &lt;/ClientSettings&gt;
                  &lt;MasterTableView AutoGenerateColumns="False" DataKeyNames="room_amenities_id" DataSourceID="SqlDataSource1"&gt;
                      &lt;CommandItemSettings ExportToPdfText="Export to PDF"&gt;&lt;/CommandItemSettings&gt;
  
                      &lt;RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column"&gt;
                          &lt;HeaderStyle Width="30px"&gt;&lt;/HeaderStyle&gt;
                      &lt;/RowIndicatorColumn&gt;
  
                      &lt;ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column"&gt;
                          &lt;HeaderStyle Width="30px"&gt;&lt;/HeaderStyle&gt;
                      &lt;/ExpandCollapseColumn&gt;
  
                      &lt;Columns&gt;
                          &lt;telerik:GridBoundColumn DataField="room_amenities_id" DataType="System.Int32" FilterControlAltText="Filter room_amenities_id column" HeaderText="room_amenities_id" ReadOnly="True" SortExpression="room_amenities_id" UniqueName="room_amenities_id"&gt;
                              &lt;ColumnValidationSettings&gt;
                                  &lt;ModelErrorMessage Text="" /&gt;
                              &lt;/ColumnValidationSettings&gt;
                          &lt;/telerik:GridBoundColumn&gt;
                          &lt;telerik:GridBoundColumn DataField="room_id" DataType="System.Int32" FilterControlAltText="Filter room_id column" HeaderText="room_id" SortExpression="room_id" UniqueName="room_id"&gt;
                              &lt;ColumnValidationSettings&gt;
                                  &lt;ModelErrorMessage Text="" /&gt;
                              &lt;/ColumnValidationSettings&gt;
                          &lt;/telerik:GridBoundColumn&gt;
                          &lt;telerik:GridBoundColumn DataField="amenities_id" DataType="System.Int32" FilterControlAltText="Filter amenities_id column" HeaderText="amenities_id" SortExpression="amenities_id" UniqueName="amenities_id"&gt;
                              &lt;ColumnValidationSettings&gt;
                                  &lt;ModelErrorMessage Text="" /&gt;
                              &lt;/ColumnValidationSettings&gt;
                          &lt;/telerik:GridBoundColumn&gt;
                          &lt;telerik:GridBoundColumn DataField="cost" DataType="System.Decimal" FilterControlAltText="Filter cost column" HeaderText="cost" SortExpression="cost" UniqueName="cost"&gt;
                              &lt;ColumnValidationSettings&gt;
                                  &lt;ModelErrorMessage Text="" /&gt;
                              &lt;/ColumnValidationSettings&gt;
                          &lt;/telerik:GridBoundColumn&gt;
                          &lt;telerik:GridBoundColumn DataField="guest_cost" DataType="System.Decimal" FilterControlAltText="Filter guest_cost column" HeaderText="guest_cost" SortExpression="guest_cost" UniqueName="guest_cost"&gt;
                              &lt;ColumnValidationSettings&gt;
                                  &lt;ModelErrorMessage Text="" /&gt;
                              &lt;/ColumnValidationSettings&gt;
                          &lt;/telerik:GridBoundColumn&gt;
                          &lt;telerik:GridBoundColumn DataField="expiry_date" DataType="System.DateTime" FilterControlAltText="Filter expiry_date column" HeaderText="expiry_date" SortExpression="expiry_date" UniqueName="expiry_date"&gt;
                              &lt;ColumnValidationSettings&gt;
                                  &lt;ModelErrorMessage Text="" /&gt;
                              &lt;/ColumnValidationSettings&gt;
                          &lt;/telerik:GridBoundColumn&gt;
                          &lt;telerik:GridCheckBoxColumn DataField="in_service" DataType="System.Boolean" FilterControlAltText="Filter in_service column" HeaderText="in_service" SortExpression="in_service" UniqueName="in_service"&gt;
                          &lt;/telerik:GridCheckBoxColumn&gt;
                          &lt;telerik:GridBoundColumn DataField="service_remarks" FilterControlAltText="Filter service_remarks column" HeaderText="service_remarks" SortExpression="service_remarks" UniqueName="service_remarks"&gt;
                              &lt;ColumnValidationSettings&gt;
                                  &lt;ModelErrorMessage Text="" /&gt;
                              &lt;/ColumnValidationSettings&gt;
                          &lt;/telerik:GridBoundColumn&gt;
                          &lt;telerik:GridCheckBoxColumn DataField="isactive" DataType="System.Boolean" FilterControlAltText="Filter isactive column" HeaderText="isactive" SortExpression="isactive" UniqueName="isactive"&gt;
                          &lt;/telerik:GridCheckBoxColumn&gt;
                          &lt;telerik:GridBoundColumn DataField="date" DataType="System.DateTime" FilterControlAltText="Filter date column" HeaderText="date" SortExpression="date" UniqueName="date"&gt;
                              &lt;ColumnValidationSettings&gt;
                                  &lt;ModelErrorMessage Text="" /&gt;
                              &lt;/ColumnValidationSettings&gt;
                          &lt;/telerik:GridBoundColumn&gt;
                      &lt;/Columns&gt;
  
                      &lt;EditFormSettings&gt;
                          &lt;EditColumn FilterControlAltText="Filter EditCommandColumn column"&gt;&lt;/EditColumn&gt;
                      &lt;/EditFormSettings&gt;
  
                      &lt;PagerStyle PageSizeControlType="RadComboBox"&gt;&lt;/PagerStyle&gt;
                  &lt;/MasterTableView&gt;
  
                  &lt;PagerStyle PageSizeControlType="RadComboBox"&gt;&lt;/PagerStyle&gt;
  
                  &lt;FilterMenu EnableImageSprites="False"&gt;&lt;/FilterMenu&gt;
              &lt;/telerik:RadGrid&gt;
              &lt;asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="&lt;%$ ConnectionStrings:xClassHotelConnectionString %&gt;" SelectCommand="SELECT * FROM [CI_Room_Amenities]"&gt;&lt;/asp:SqlDataSource&gt;
          &lt;/div&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Bootstrap Enable Page aka Messy Page</p>
  
  <pre><code>&lt;%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication8.WebForm1" %&gt;
  
  &lt;%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %&gt;
  
  &lt;!DOCTYPE html&gt;
  
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head runat="server"&gt;
  
      &lt;title&gt;&lt;/title&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;link href="css/bootstrap.min.css" rel="stylesheet" media="screen"&gt;
  
      &lt;!-- Latest compiled and minified JavaScript --&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div&gt;
          &lt;form id="form1" runat="server"&gt;
              &lt;div class="container"&gt;
                  &lt;asp:ScriptManager ID="ScriptManager1" runat="server"&gt;
                  &lt;/asp:ScriptManager&gt;
                  &lt;telerik:RadGrid ID="RadGrid1" runat="server" AllowFilteringByColumn="True" AllowPaging="True" AllowSorting="True" AutoGenerateDeleteColumn="True" AutoGenerateEditColumn="True" CellSpacing="0" DataSourceID="SqlDataSource1" GridLines="None" ShowGroupPanel="True"&gt;
                      &lt;ClientSettings AllowDragToGroup="True"&gt;
                          &lt;Scrolling AllowScroll="True" UseStaticHeaders="True" /&gt;
                      &lt;/ClientSettings&gt;
                      &lt;MasterTableView AutoGenerateColumns="False" DataKeyNames="room_amenities_id" DataSourceID="SqlDataSource1"&gt;
                          &lt;CommandItemSettings ExportToPdfText="Export to PDF"&gt;&lt;/CommandItemSettings&gt;
  
                          &lt;RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column"&gt;
                              &lt;HeaderStyle Width="20px"&gt;&lt;/HeaderStyle&gt;
                          &lt;/RowIndicatorColumn&gt;
  
                          &lt;ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column"&gt;
                              &lt;HeaderStyle Width="20px"&gt;&lt;/HeaderStyle&gt;
                          &lt;/ExpandCollapseColumn&gt;
  
                          &lt;Columns&gt;
                              &lt;telerik:GridBoundColumn DataField="room_amenities_id" DataType="System.Int32" FilterControlAltText="Filter room_amenities_id column" HeaderText="room_amenities_id" ReadOnly="True" SortExpression="room_amenities_id" UniqueName="room_amenities_id"&gt;
                                  &lt;ColumnValidationSettings&gt;
                                      &lt;ModelErrorMessage Text="" /&gt;
                                  &lt;/ColumnValidationSettings&gt;
                              &lt;/telerik:GridBoundColumn&gt;
                              &lt;telerik:GridBoundColumn DataField="room_id" DataType="System.Int32" FilterControlAltText="Filter room_id column" HeaderText="room_id" SortExpression="room_id" UniqueName="room_id"&gt;
                                  &lt;ColumnValidationSettings&gt;
                                      &lt;ModelErrorMessage Text="" /&gt;
                                  &lt;/ColumnValidationSettings&gt;
                              &lt;/telerik:GridBoundColumn&gt;
                              &lt;telerik:GridBoundColumn DataField="amenities_id" DataType="System.Int32" FilterControlAltText="Filter amenities_id column" HeaderText="amenities_id" SortExpression="amenities_id" UniqueName="amenities_id"&gt;
                                  &lt;ColumnValidationSettings&gt;
                                      &lt;ModelErrorMessage Text="" /&gt;
                                  &lt;/ColumnValidationSettings&gt;
                              &lt;/telerik:GridBoundColumn&gt;
                              &lt;telerik:GridBoundColumn DataField="cost" DataType="System.Decimal" FilterControlAltText="Filter cost column" HeaderText="cost" SortExpression="cost" UniqueName="cost"&gt;
                                  &lt;ColumnValidationSettings&gt;
                                      &lt;ModelErrorMessage Text="" /&gt;
                                  &lt;/ColumnValidationSettings&gt;
                              &lt;/telerik:GridBoundColumn&gt;
                              &lt;telerik:GridBoundColumn DataField="guest_cost" DataType="System.Decimal" FilterControlAltText="Filter guest_cost column" HeaderText="guest_cost" SortExpression="guest_cost" UniqueName="guest_cost"&gt;
                                  &lt;ColumnValidationSettings&gt;
                                      &lt;ModelErrorMessage Text="" /&gt;
                                  &lt;/ColumnValidationSettings&gt;
                              &lt;/telerik:GridBoundColumn&gt;
                              &lt;telerik:GridBoundColumn DataField="expiry_date" DataType="System.DateTime" FilterControlAltText="Filter expiry_date column" HeaderText="expiry_date" SortExpression="expiry_date" UniqueName="expiry_date"&gt;
                                  &lt;ColumnValidationSettings&gt;
                                      &lt;ModelErrorMessage Text="" /&gt;
                                  &lt;/ColumnValidationSettings&gt;
                              &lt;/telerik:GridBoundColumn&gt;
                              &lt;telerik:GridCheckBoxColumn DataField="in_service" DataType="System.Boolean" FilterControlAltText="Filter in_service column" HeaderText="in_service" SortExpression="in_service" UniqueName="in_service"&gt;
                              &lt;/telerik:GridCheckBoxColumn&gt;
                              &lt;telerik:GridBoundColumn DataField="service_remarks" FilterControlAltText="Filter service_remarks column" HeaderText="service_remarks" SortExpression="service_remarks" UniqueName="service_remarks"&gt;
                                  &lt;ColumnValidationSettings&gt;
                                      &lt;ModelErrorMessage Text="" /&gt;
                                  &lt;/ColumnValidationSettings&gt;
                              &lt;/telerik:GridBoundColumn&gt;
                              &lt;telerik:GridCheckBoxColumn DataField="isactive" DataType="System.Boolean" FilterControlAltText="Filter isactive column" HeaderText="isactive" SortExpression="isactive" UniqueName="isactive"&gt;
                              &lt;/telerik:GridCheckBoxColumn&gt;
                              &lt;telerik:GridBoundColumn DataField="date" DataType="System.DateTime" FilterControlAltText="Filter date column" HeaderText="date" SortExpression="date" UniqueName="date"&gt;
                                  &lt;ColumnValidationSettings&gt;
                                      &lt;ModelErrorMessage Text="" /&gt;
                                  &lt;/ColumnValidationSettings&gt;
                              &lt;/telerik:GridBoundColumn&gt;
                          &lt;/Columns&gt;
  
                          &lt;EditFormSettings&gt;
                              &lt;EditColumn FilterControlAltText="Filter EditCommandColumn column"&gt;&lt;/EditColumn&gt;
                          &lt;/EditFormSettings&gt;
  
                          &lt;PagerStyle PageSizeControlType="RadComboBox"&gt;&lt;/PagerStyle&gt;
                      &lt;/MasterTableView&gt;
  
                      &lt;PagerStyle PageSizeControlType="RadComboBox"&gt;&lt;/PagerStyle&gt;
  
                      &lt;FilterMenu EnableImageSprites="False"&gt;&lt;/FilterMenu&gt;
                  &lt;/telerik:RadGrid&gt;
                  &lt;asp:SqlDataSource ID="SqlDataSource1" runat="server" ConflictDetection="CompareAllValues" ConnectionString="&lt;%$ ConnectionStrings:xClassHotelConnectionString %&gt;" DeleteCommand="DELETE FROM [CI_Room_Amenities] WHERE [room_amenities_id] = @original_room_amenities_id AND [room_id] = @original_room_id AND [amenities_id] = @original_amenities_id AND (([cost] = @original_cost) OR ([cost] IS NULL AND @original_cost IS NULL)) AND (([guest_cost] = @original_guest_cost) OR ([guest_cost] IS NULL AND @original_guest_cost IS NULL)) AND (([expiry_date] = @original_expiry_date) OR ([expiry_date] IS NULL AND @original_expiry_date IS NULL)) AND (([in_service] = @original_in_service) OR ([in_service] IS NULL AND @original_in_service IS NULL)) AND (([service_remarks] = @original_service_remarks) OR ([service_remarks] IS NULL AND @original_service_remarks IS NULL)) AND (([isactive] = @original_isactive) OR ([isactive] IS NULL AND @original_isactive IS NULL)) AND (([date] = @original_date) OR ([date] IS NULL AND @original_date IS NULL))" InsertCommand="INSERT INTO [CI_Room_Amenities] ([room_id], [amenities_id], [cost], [guest_cost], [expiry_date], [in_service], [service_remarks], [isactive], [date]) VALUES (@room_id, @amenities_id, @cost, @guest_cost, @expiry_date, @in_service, @service_remarks, @isactive, @date)" OldValuesParameterFormatString="original_{0}" SelectCommand="SELECT * FROM [CI_Room_Amenities]" UpdateCommand="UPDATE [CI_Room_Amenities] SET [room_id] = @room_id, [amenities_id] = @amenities_id, [cost] = @cost, [guest_cost] = @guest_cost, [expiry_date] = @expiry_date, [in_service] = @in_service, [service_remarks] = @service_remarks, [isactive] = @isactive, [date] = @date WHERE [room_amenities_id] = @original_room_amenities_id AND [room_id] = @original_room_id AND [amenities_id] = @original_amenities_id AND (([cost] = @original_cost) OR ([cost] IS NULL AND @original_cost IS NULL)) AND (([guest_cost] = @original_guest_cost) OR ([guest_cost] IS NULL AND @original_guest_cost IS NULL)) AND (([expiry_date] = @original_expiry_date) OR ([expiry_date] IS NULL AND @original_expiry_date IS NULL)) AND (([in_service] = @original_in_service) OR ([in_service] IS NULL AND @original_in_service IS NULL)) AND (([service_remarks] = @original_service_remarks) OR ([service_remarks] IS NULL AND @original_service_remarks IS NULL)) AND (([isactive] = @original_isactive) OR ([isactive] IS NULL AND @original_isactive IS NULL)) AND (([date] = @original_date) OR ([date] IS NULL AND @original_date IS NULL))"&gt;
                      &lt;DeleteParameters&gt;
                          &lt;asp:Parameter Name="original_room_amenities_id" Type="Int32" /&gt;
                          &lt;asp:Parameter Name="original_room_id" Type="Int32" /&gt;
                          &lt;asp:Parameter Name="original_amenities_id" Type="Int32" /&gt;
                          &lt;asp:Parameter Name="original_cost" Type="Decimal" /&gt;
                          &lt;asp:Parameter Name="original_guest_cost" Type="Decimal" /&gt;
                          &lt;asp:Parameter Name="original_expiry_date" Type="DateTime" /&gt;
                          &lt;asp:Parameter Name="original_in_service" Type="Boolean" /&gt;
                          &lt;asp:Parameter Name="original_service_remarks" Type="String" /&gt;
                          &lt;asp:Parameter Name="original_isactive" Type="Boolean" /&gt;
                          &lt;asp:Parameter Name="original_date" Type="DateTime" /&gt;
                      &lt;/DeleteParameters&gt;
                      &lt;InsertParameters&gt;
                          &lt;asp:Parameter Name="room_id" Type="Int32" /&gt;
                          &lt;asp:Parameter Name="amenities_id" Type="Int32" /&gt;
                          &lt;asp:Parameter Name="cost" Type="Decimal" /&gt;
                          &lt;asp:Parameter Name="guest_cost" Type="Decimal" /&gt;
                          &lt;asp:Parameter Name="expiry_date" Type="DateTime" /&gt;
                          &lt;asp:Parameter Name="in_service" Type="Boolean" /&gt;
                          &lt;asp:Parameter Name="service_remarks" Type="String" /&gt;
                          &lt;asp:Parameter Name="isactive" Type="Boolean" /&gt;
                          &lt;asp:Parameter Name="date" Type="DateTime" /&gt;
                      &lt;/InsertParameters&gt;
                      &lt;UpdateParameters&gt;
                          &lt;asp:Parameter Name="room_id" Type="Int32" /&gt;
                          &lt;asp:Parameter Name="amenities_id" Type="Int32" /&gt;
                          &lt;asp:Parameter Name="cost" Type="Decimal" /&gt;
                          &lt;asp:Parameter Name="guest_cost" Type="Decimal" /&gt;
                          &lt;asp:Parameter Name="expiry_date" Type="DateTime" /&gt;
                          &lt;asp:Parameter Name="in_service" Type="Boolean" /&gt;
                          &lt;asp:Parameter Name="service_remarks" Type="String" /&gt;
                          &lt;asp:Parameter Name="isactive" Type="Boolean" /&gt;
                          &lt;asp:Parameter Name="date" Type="DateTime" /&gt;
                          &lt;asp:Parameter Name="original_room_amenities_id" Type="Int32" /&gt;
                          &lt;asp:Parameter Name="original_room_id" Type="Int32" /&gt;
                          &lt;asp:Parameter Name="original_amenities_id" Type="Int32" /&gt;
                          &lt;asp:Parameter Name="original_cost" Type="Decimal" /&gt;
                          &lt;asp:Parameter Name="original_guest_cost" Type="Decimal" /&gt;
                          &lt;asp:Parameter Name="original_expiry_date" Type="DateTime" /&gt;
                          &lt;asp:Parameter Name="original_in_service" Type="Boolean" /&gt;
                          &lt;asp:Parameter Name="original_service_remarks" Type="String" /&gt;
                          &lt;asp:Parameter Name="original_isactive" Type="Boolean" /&gt;
                          &lt;asp:Parameter Name="original_date" Type="DateTime" /&gt;
                      &lt;/UpdateParameters&gt;
                  &lt;/asp:SqlDataSource&gt;
              &lt;/div&gt;
          &lt;/form&gt;
      &lt;/div&gt;
      &lt;!-- jQuery (necessary for Bootstrap's JavaScript plugins) --&gt;
      &lt;script src="//code.jquery.com/jquery.js"&gt;&lt;/script&gt;
      &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>What is the problem? How do I solve this problem?</p>