<div class="bs-docs-example" style="padding-bottom: 24px;">
<button type="button" class="btn btn-primary" data-toggle="button">Single Toggle</button>
</div>
- <pre class="prettyprint linenums"><button type="button" class="btn" data-toggle="button">Single Toggle</button></pre>
+ <pre class="prettyprint linenums"><button type="button" class="btn btn-primary" data-toggle="button">Single Toggle</button></pre>
<h4>Checkbox</h4>
<p>Add data-toggle="buttons-checkbox" for checkbox style toggling on btn-group.</p>
</div>
<pre class="prettyprint linenums">
<div class="btn-group" data-toggle="buttons-checkbox">
- <button type="button" class="btn">Left</button>
- <button type="button" class="btn">Middle</button>
- <button type="button" class="btn">Right</button>
+ <button type="button" class="btn btn-primary">Left</button>
+ <button type="button" class="btn btn-primary">Middle</button>
+ <button type="button" class="btn btn-primary">Right</button>
</div>
</pre>
</div>
<pre class="prettyprint linenums">
<div class="btn-group" data-toggle="buttons-radio">
- <button type="button" class="btn">Left</button>
- <button type="button" class="btn">Middle</button>
- <button type="button" class="btn">Right</button>
+ <button type="button" class="btn btn-primary">Left</button>
+ <button type="button" class="btn btn-primary">Middle</button>
+ <button type="button" class="btn btn-primary">Right</button>
</div>
</pre>
<div class="bs-docs-example" style="padding-bottom: 24px;">
<button type="button" class="btn btn-primary" data-toggle="button">{{_i}}Single Toggle{{/i}}</button>
</div>{{! /example }}
- <pre class="prettyprint linenums"><button type="button" class="btn" data-toggle="button">Single Toggle</button></pre>
+ <pre class="prettyprint linenums"><button type="button" class="btn btn-primary" data-toggle="button">Single Toggle</button></pre>
<h4>{{_i}}Checkbox{{/i}}</h4>
<p>{{_i}}Add data-toggle="buttons-checkbox" for checkbox style toggling on btn-group.{{/i}}</p>
</div>{{! /example }}
<pre class="prettyprint linenums">
<div class="btn-group" data-toggle="buttons-checkbox">
- <button type="button" class="btn">Left</button>
- <button type="button" class="btn">Middle</button>
- <button type="button" class="btn">Right</button>
+ <button type="button" class="btn btn-primary">Left</button>
+ <button type="button" class="btn btn-primary">Middle</button>
+ <button type="button" class="btn btn-primary">Right</button>
</div>
</pre>
</div>{{! /example }}
<pre class="prettyprint linenums">
<div class="btn-group" data-toggle="buttons-radio">
- <button type="button" class="btn">Left</button>
- <button type="button" class="btn">Middle</button>
- <button type="button" class="btn">Right</button>
+ <button type="button" class="btn btn-primary">Left</button>
+ <button type="button" class="btn btn-primary">Middle</button>
+ <button type="button" class="btn btn-primary">Right</button>
</div>
</pre>