title: Problems with Bootstrap switch
body: <p>I'm trying to use bootstrap switch and I'm facing some problems. I'm using this examples here <a href="http://www.jque.re/plugins/version3/bootstrap.switch/" rel="nofollow">http://www.jque.re/plugins/version3/bootstrap.switch/</a> and whatever classes i'm using, the buttons stays with the same style and with very small size that I can't even see the ON and OFF text. I really don't know what I'm doing wrong. Any help? thanks</p>
  
  <p>here's my html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="pt"&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --&gt;
      &lt;title&gt;Bootstrap 101 Template&lt;/title&gt;
  
      &lt;!-- Bootstrap --&gt;
      &lt;link rel="stylesheet" href="css/jquery-ui-1.10.1.custom.css" /&gt;
      &lt;link href="css/bootstrap.min.css" rel="stylesheet"&gt;
      &lt;link href="css/bootstrap-switch.css" rel="stylesheet"&gt;
      &lt;link href="css/_custom.css" rel="stylesheet"&gt;   
  
      &lt;script src="js/jquery-1.9.1.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="js/jquery-ui.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="js/bootstrap-switch.js"&gt;&lt;/script&gt;
  
  
      &lt;!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --&gt;
      &lt;!-- WARNING: Respond.js doesn't work if you view the page via file:// --&gt;
      &lt;!--[if lt IE 9]&gt;
        &lt;script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"&gt;&lt;/script&gt;
        &lt;script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
    &lt;/head&gt;
    &lt;body&gt; 
           &lt;div class="row"&gt;
      &lt;div class="col-lg-12"&gt;
  &lt;div class="make-switch switch-large"&gt;
      &lt;input type="checkbox" name="my-checkbox" checked&gt;
  
      &lt;div class="make-switch" data-on="primary" data-off="info"&gt;
      &lt;input type="checkbox" checked name="my-checkbox"&gt;
  
      &lt;div id="label-switch" class="make-switch" data-on-label="SIM" data-off-label="NÃO"&gt;
      &lt;input type="checkbox" checked name="my-checkbox"&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;&lt;/div&gt;
  
    &lt;/form&gt;
  
  &lt;/div&gt;  
      &lt;script type="text/javascript"&gt;
  $("[name='my-checkbox']").bootstrapSwitch();
  &lt;/script&gt;
  
  
  
      &lt;!-- jQuery (necessary for Bootstrap's JavaScript plugins) --&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
  
      &lt;!-- Include all compiled plugins (below), or include individual files as needed --&gt;
      &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>