title: Bootstrap 3 Button Groups
body: <p>**Bootstrap 3</p>
  
  <p>I'm trying to make each set of button group unique but the different groups are interfering with each other</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;label&gt;Payment Mode&lt;/label&gt;
  &lt;div class="btn-group"&gt;
    &lt;button type="button" class="btn btn-default"&gt;Cash / Cheque / Bank Transfer &lt;/button&gt;
    &lt;button type="button" class="btn btn-default"&gt;JobsBuddy Disbursement&lt;/button&gt;
  &lt;/div&gt;
  
  &lt;label&gt;Payment Period&lt;/label&gt;
  &lt;div class="btn-group"&gt;
    &lt;button type="button" class="btn btn-default"&gt;Immediate&lt;/button&gt;
    &lt;button type="button" class="btn btn-default"&gt; More Than 1 day&lt;/button&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>How do i keep it unique in it's own group</p>