title: How do I get functionality in Grid.MVC to work properly with Bootstrap?
body: <p>I am using Grid.MVC with my ASP.NET MVC 4 Project.  I am also using Bootstrap.  I am not sure if there is a conflict between the stylesheets, or the Javascript between the two, or if it is something else altogether.  I have the datagrid in a partialview.  I don't know if maybe that is causing the issue, but:
  1) when I add ".Sortable(true)" to the end of each column, the column headings change to red, but when I click them it reloads the page and my grid is gone.
  2)  When I rollover the rows on the grid, they don't highlight.  When I click on the rows they don't highlight either.  I know that the row is selected however because I created a test "alert" that pops up when the row is selected.<br>
  Jquery and Bootstrap are declared on the _Layout.cshtml shared view.
  How do I get this grid.MVC functionality to work properly?
  Below is the partialview for the grid:</p>
  
  <pre><code> @Scripts.Render("~/bundles/mvcGrid")
   @Styles.Render("~Content/mvcGrid")
   @using GridMvc.Html
   @model List&lt;IntegrationQueryToolWebApp.Models.Request&gt;
  
   @Html.Grid(Model0.Named("requestGrid").Columns(columns =&gt;
   {
        columns.Add(data =&gt; data.id).Titled("ID").Sortable(true);
        .....
   })
   &lt;script&gt;
        $(function ()  {
             pageGrids.requestsGrid.onRowSelect(fuinction (e)  {
                  alert(e.row.id);
             });
        });
   &lt;script&gt;
  </code></pre>