title: bootstrap-switch how to show large label text
body: <p>I am using twitter bootstrap-switch plugin in to show a checkbox with two options. It works well for checkboxes with small label text like "yes/no". However, when it comes to bigger label text like "Normal/Abnormal", then part of text is not visible to the user.</p>
  
  <p>I tried to use the <a href="http://www.bootstrap-switch.org/documentation-3.html" rel="noreferrer"><code>data_size</code> attribute</a>:</p>
  
  <pre><code>@Html.CheckBoxFor(model =&gt; Model.keyitems[i].Status,
                    new { @checked = "checked",
                          @data_on_text = "Normal",
                          @data_off_text = "Abnormal",
                          @data_size = "switch-large" })
  </code></pre>
  
  <p>But it didn't work. </p>
  
  <p>How can I make the plugin support longer text as well?</p>