title: how to make a button group a drop down when using mobile using bootstrap
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>@media (min-width: 320px) {
  
  }
  
  @media (min-width: 576px) { 
  
  }
  
  @media (min-width: 768px) { 
  
  }
  
  @media (min-width: 992px) { 
  
  }
  
  @media (min-width: 1200px) { 
  
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="container"&gt;
  
  &lt;div class="row"&gt;
  
  &lt;div class="col-lg-24 col-centered"&gt;
  
  &lt;div class="btn-group flex-wrap"&gt;
  &lt;a href="neckandears.html" class="btn btn-info" role="button"&gt;Necklace and Earring sets&lt;/a&gt;
  &lt;a href="necklaces.html" class="btn btn-info" role="button"&gt;Necklaces&lt;/a&gt;
  &lt;a href="bracelets.html" class="btn btn-info" role="button"&gt;Bracelets&lt;/a&gt;
  &lt;a href="earrings.html" class="btn btn-info" role="button"&gt;Earrings&lt;/a&gt;
  &lt;a href="gemstones.html" class="btn btn-info" role="button"&gt;Gemstones&lt;/a&gt;
  &lt;/div&gt;  
       
  &lt;/div&gt;
      
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>All of the site I am creating is responsive except for the button bar that I have.  The HTML is included.  When the screen size goes to mobile I am wanting the button bar to become a dropdown to hopefully alleviate this issue.  As of now my CSS is only changing the colors of the borders and inside of the buttons although I do have media queries.  I have 5 buttons in a button bar below my nagation bar that when the screen size is smaller than used for desktop I want it to be a dropdown instead of the button group.  I am currently using a flex wrap but the buttons just stack on top of each other in mobile view.  I have not been able to find a way to make the button group itself responsive and shrink to size like the rest of my site.  This is my first time ever using HTML or CSS.  Thank you for your help!</p>