title: How to combine radio button with a select box using bootstrap
body: <p>I need to combine radio buttons and a select box together.Is there any inbuilt framework to do that?. I tried a code, but its not a apt way to code. Below I'm giving the output of the code portion</p>
  
  <p><a href="https://i.stack.imgur.com/RbMSN.png" rel="nofollow noreferrer">Output</a></p>
  
  <p>Here, Class and lab are the radio buttons,which are attached with a select box.But my code has errors. Below I'm giving the code:</p>
  
  <pre><code>&lt;div class="btn-group" data-toggle="buttons"&gt;
  &lt;label class="btn btn-cyan btn-rounded form-check-label"&gt;
  &lt;label class="btn btn-cyan btn-rounded form-check-label" style="padding: 5px 5px 5px 5px;"&gt;
      &lt;input class="form-check-input" type="radio" autocomplete="off"&gt; Class
  &lt;/label&gt;
  
  &lt;label class="btn btn-cyan btn-rounded form-check-label" style="padding: 5px 5px 5px 5px;"&gt;
      &lt;input class="form-check-input" type="radio" autocomplete="off"&gt; Lab
  &lt;/label&gt;
      &lt;select class="form-check-input" autocomplete="off"&gt; &lt;option&gt;HELLO&lt;/option&gt;&lt;option&gt;HELLO&lt;/option&gt;&lt;option&gt;HELLO&lt;/option&gt;&lt;/select&gt;
  &lt;/label&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Here, select is became a button, because I used the class btn.Please help me to fix the code. Is their any alternative stuff already exists(Combined radio button and select box)</p>