title: jqgrid + bootstrap in RTL alignment gets all messed up, assistance required
body: <p>recently, I've decided to allow my users to edit multiple fields on this grid.</p>
  
  <p>For this page on my website, I've choose to combine elements from jqgrid, jquery-ui, and twitter bootstrap css framework.</p>
  
  <p>When viewing the grid in English, or any other ltr language, everything seems normal, but when switching to rtl view, everything get corrupted, the columns get dis-aligned, and the checkboxes if that are uses to select each row disappear from view.</p>
  
  <p>screen shot:
  <img src="https://i.stack.imgur.com/nhkCZ.png" alt="enter image description here"></p>
  
  <p>code:</p>
  
  <pre><code>    $("#list2").jqGrid({
          url:'get_applicants.php',
          datatype: "json",
           width: 900,
           autowidth: false,
           shrinktofit: false,
           height: 300,
           scroll: false,
           direction: &lt;?=$web_dir?&gt;,
           multiselect: true,
           gridview: true,
           colNames:['id', '&lt;?=$mylabel["last_updated"]?&gt;', '&lt;?=$mylabel["job_internal_id"]?&gt;', '&lt;?=$mylabel["job_title"]?&gt;', '&lt;?=$mylabel["applicant_name"]?&gt;', '&lt;?=$mylabel["filename"]?&gt;', '&lt;?=$mylabel["recommendation_count"]?&gt;', '&lt;?=$mylabel["referer_name"]?&gt;',
           '&lt;?=$mylabel["media_id"]?&gt;', '&lt;?=$mylabel["ref_type"]?&gt;', '&lt;?=$mylabel["location"]?&gt;','&lt;?=$mylabel["note"]?&gt;', 'status_id', 'job_id', ''],
            colModel:[
            // {name: 'selector', width:10, hidden: false, align:'&lt;?=$col_direction?&gt;'},
            {name: 'id',index:'2', width:0, hidden: true, align:'&lt;?=$col_direction?&gt;'},
            {name:'last_updated', index:'1', width:25,  sortable:true, editable: false, align:'&lt;?=$col_direction_other?&gt;'},
            {name:'internal_id',index:'9', width:20, hidden: false, sortable:true, editable: false, align:'&lt;?=$col_direction?&gt;'}, 
            {name:'job_title',index:'8', width: 60, sortable:true, editable: false, align:'&lt;?=$col_direction ?&gt;'},
            {name:'uname', index:'3', sortable:true, width:40, editable: false, align:'&lt;?=$col_direction?&gt;'},
            {name:'filename',index:'11', width:30, sortable:true, editable: false, align:'center'}, 
            {name:'recommendation_count', index: '13', sortable:true, width: 45, align: 'center'},
            {name:'referer_name', index:'4', width:40, sortable:true, editable: false, align:'&lt;?=$col_direction?&gt;'},
            {name:'media_id',index:'5', width:20, sortable:true, editable: false, align:'&lt;?=$col_direction?&gt;'},    
            {name:'ref_type',index:'6', width:30, sortable:true, editable: false, align:'&lt;?=$col_direction?&gt;'}, 
            {name:'location', index:'14', width:30, sortable:true, align:'&lt;?=$col_direction?&gt;'}, 
            {name:'note',index:'10', width:0, hidden: true, editable: true, editrules: { edithidden: true }, hidedlg: true, align:'&lt;?=$col_direction?&gt;'},
            {name:'job_id',index:'7', hidden:true, width:0, editable: false, align:'&lt;?=$col_direction?&gt;'},
            {name:'status_id',index:'12', hidden:true, width:0, editable: false, align:'&lt;?=$col_direction?&gt;'},
            {name:'empty', width:10, sortable:false ,index:'15', hidden:false, editable: false, align:'center'}
          ],
          rowNum:20,
          rowList:[20,40,60],
          pager: '#pager2',
          sortname: '1',
          viewrecords: true,
          sortorder: "DESC",
          caption:"&lt;?=get_phrase("Applicants")?&gt;",
          loadonce:false,
          postData: { 
                      uid:  function(){return $("#uid").val();},
                      medias: function(){return $("#medias option:selected").val();},
                      types: function(){return $("#types option:selected").val();},
                      jobs: function(){return $("#jobs option:selected").val();},
                      applicant: function(){return $("#applicant").val();},
                      referrer: function(){return $("#referrer").val();},
                      internal_id: function(){return $("#internal_id").val();},
                      location_id: function(){return $("#locations option:selected").val();} 
                    },
  
      });
  </code></pre>