title: Change size of checkboxes in cells of bootstrap-table
body: <p>I use <a href="http://bootstrap-table.wenzhixin.net.cn/" rel="nofollow">bootstrap-table</a> and a <a href="http://wenzhixin.net.cn/p/bootstrap-table/docs/examples.html#checkbox-table" rel="nofollow">column with checkboxes</a>. How can I change size of checkboxes. In my <a href="http://jsfiddle.net/3L7vgcx0/103/" rel="nofollow">code</a> i want checkbox size 25x25, but when I use height and width css attributes it doesn't work.</p>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;table class="table table-striped table-bordered table-hover"  cellspacing="0" id="mainTable" data-click-to-select="true" data-show-toggle="true" data-show-columns="true" data-search="true" data-pagination="true"&gt;
      &lt;thead&gt;
      &lt;tr&gt;
          &lt;th data-field="state" data-checkbox="true" data-formatter="starsFormatter"&gt;&lt;/th&gt;
          &lt;th data-field="name" data-halign="center" data-align="left" data-sortable="true"&gt;Name&lt;/th&gt;
          &lt;th data-field="stargazers_count" data-formatter="starsFormatter" data-halign="center" data-align="left" data-sortable="true"&gt;Stars&lt;/th&gt;
          &lt;th data-field="forks_count" data-formatter="forksFormatter" data-halign="center" data-align="left" data-sortable="true"&gt;Forks&lt;/th&gt;
          &lt;th data-field="description" data-halign="center" data-align="left" data-sortable="true"&gt;Description&lt;/th&gt;
      &lt;/tr&gt;
      &lt;/thead&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><strong>javascript</strong></p>
  
  <pre><code>var data = [{name: 'ala', stargazers_count: 234, forks_count: 234, description: "asdasdas"},
             {name: 'ala', stargazers_count: 234, forks_count: 234, description: "asdasdas"},
             {name: 'ala', stargazers_count: 234, forks_count: 234, description: "asdasdas"}]
  
  $('table').bootstrapTable({
      data: data
  });
  
  function starsFormatter(row, value, inde) {
      return row + '&lt;i class="glyphicon glyphicon-star"&gt;&lt;/i&gt; ';
  }
  
  function forksFormatter(value) {
      return '&lt;i class="glyphicon glyphicon-cutlery"&gt;&lt;/i&gt; ' + value;
  }
  </code></pre>
  
  <p><strong>css</strong></p>
  
  <pre><code>.bs-checkbox input{
      height: 25px;
      width: 25px;
  }
  </code></pre>