title: JqGrid BootStrap design doesn't work
body: <p>I try to use the <a href="http://www.guriddo.net/demo/bootstrap/" rel="nofollow">JqGrid</a> plugin with Bootstrap CSS and even if i have the same stylesheet link to my page, the CSS doesn't apply. I search in many other question in SOF but they are all outdated so that doesn't help me :( Here is a screen of my grid, as you can see, we are far from the beauty of the JqGrid with Bootstrap :( : </p>
  
  <p><a href="http://prntscr.com/azd7dm" rel="nofollow">http://prntscr.com/azd7dm</a></p>
  
  <p>Here is my HTML and JS code for some help :</p>
  
  <blockquote>
    <p>$.jgrid.defaults.responsive = true;<br>
        $.jgrid.defaults.styleUI = 'Bootstrap';</p>
  </blockquote>
  
  <pre><code>$("#jqGrid").jqGrid({
          url: 'data.json',
          datatype: "json",
          jsonReader : {
               root:"datas"
          },
          colModel: [
              { label: 'Category Name', name: 'CategoryName', width: 75 },
              { label: 'Product Name', name: 'ProductName', width: 90 },
              { label: 'Country', name: 'Country', width: 100 },
              { label: 'Price', name: 'Price', width: 80, sorttype: 'integer' },
              // sorttype is used only if the data is loaded locally or loadonce is set to true
              { label: 'Quantity', name: 'Quantity', width: 80, sorttype: 'number' }                   
          ],
          viewrecords: true, // show the current page, data rang and total records on the toolbar
          autowidth: true,
          height: 400,
          rowNum: 30,
          loadonce: true, // this is just for the demo
          pager: "#jqGridPager"
      });
  </code></pre>
  
  <blockquote>
  <pre><code>&lt;head&gt;
      &lt;title&gt;Espace Privé&lt;/title&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"&gt;
      &lt;link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css"&gt;
      &lt;link rel="stylesheet" href="/Plugin/JqGrid/css/trirand/ui.jqgrid-bootstrap.css"&gt;
      &lt;link rel="stylesheet" href="/Plugin/SlideBar/dev/slidebars.css"&gt;
      &lt;link rel="stylesheet" href="/Plugin/jNotify/css/jnotify.css"&gt;
      &lt;link rel="stylesheet" href="/Plugin/Popr/popr.css"&gt;
      &lt;link rel="stylesheet" href="/Plugin/Wizard/prettify.css"&gt;
      &lt;link rel="stylesheet" href="/Plugin/jAlert/src/jAlert-v3.css"&gt;
      &lt;link rel="stylesheet" href="/stylesheets/style.css"&gt;
  &lt;/head&gt;
  </code></pre>
  </blockquote>
  
  <pre><code>&lt;table id="jqGrid"&gt;&lt;/table&gt;
  &lt;div id="jqGridPager"&gt;&lt;/div&gt;
  
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jqgrid/4.6.0/js/i18n/grid.locale-fr.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jqgrid/4.6.0/js/jquery.jqGrid.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.0/jquery.mask.js"&gt;&lt;/script&gt;
  &lt;script src="/Plugin/SlideBar/dist/slidebars.js"&gt;&lt;/script&gt;
  &lt;script src="/Plugin/jNotify/lib/jquery.jnotify.js"&gt;&lt;/script&gt;
  &lt;script src="/Plugin/Wizard/jquery.bootstrap.wizard.js"&gt;&lt;/script&gt;
  &lt;script src="/Plugin/Wizard/prettify.js"&gt;&lt;/script&gt;
  &lt;script src="/Plugin/jAlert/src/jAlert-v3.js"&gt;&lt;/script&gt;
  &lt;script src="/Plugin/jAlert/src/jAlert-functions.js"&gt;&lt;/script&gt;
  &lt;script src="/Plugin/Popr/popr.js"&gt;&lt;/script&gt;
  &lt;script src="/javascripts/layout.js"&gt;&lt;/script&gt;
  &lt;script src="/javascripts/entitees.js"&gt;&lt;/script&gt;
  </code></pre>