jquery - Grid.MVC の機能を Bootstrap で正しく動作させるにはどうすればよいですか?

Question

ASP.NET MVC 4 プロジェクトで Grid.MVC を使用しています。ブートストラップも使用しています。スタイルシート間に競合があるのか​​、2 つの Javascript の間に競合があるのか​​、それともまったく別のものなのかはわかりません。部分ビューにデータグリッドがあります。それが問題の原因であるかどうかはわかりませんが、1)「.Sortable(true)」を各列の最後に追加すると、列見出しが赤に変わりますが、それらをクリックするとページがリロードされますそして私のグリッドはなくなりました。2) グリッドの行をロールオーバーしても、強調表示されません。行をクリックしても強調表示されません。ただし、行が選択されたときにポップアップするテスト「アラート」を作成したため、行が選択されていることはわかっています。
Jquery と Bootstrap は、_Layout.cshtml 共有ビューで宣言されています。この grid.MVC 機能を正しく動作させるにはどうすればよいですか? 以下は、グリッドのパーシャル ビューです。

 @Scripts.Render("~/bundles/mvcGrid")
 @Styles.Render("~Content/mvcGrid")
 @using GridMvc.Html
 @model List<IntegrationQueryToolWebApp.Models.Request>

 @Html.Grid(Model0.Named("requestGrid").Columns(columns =>
 {
      columns.Add(data => data.id).Titled("ID").Sortable(true);
      .....
 })
 <script>
      $(function ()  {
           pageGrids.requestsGrid.onRowSelect(fuinction (e)  {
                alert(e.row.id);
           });
      });
 <script>