title: Bootstrap 4 Make Buttons Responsive
body: <p>I'm trying to make some centered buttons in Bootstrap 4 for a project. I'm a beginner to coding and so far I've achieved this and I want them to stack up when viewed in tablet and mobile devices. Right now it comes over top of each other in mobile and tablet devices.</p>
  
  <p>Any help you can provide would be greatly appreciated. :)</p>
  
  <p>My Code:</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;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"&gt;
  
  
  &lt;div class="container-fluid py-2"&gt;
    &lt;div class="row text-center"&gt;
     &lt;div class="col-10 offset-1"&gt;
  
      &lt;button class="btn btn-primary mr-2 select-all"&gt;Select All Items&lt;/button&gt;
      &lt;button class="btn btn-primary mr-2 unselect-all"&gt;Unselect All Items&lt;/button&gt;
      &lt;button class="btn btn-primary mr-2" id="latencybutton"&gt;New Items&lt;/button&gt;
      &lt;button class="btn btn-primary mr-2 clear-all"&gt;Clear All&lt;/button&gt;
      &lt;button class="btn btn-primary mr-2 dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt;Remove Items&lt;/button&gt;
      &lt;div class="dropdown-menu" aria-labelledby="dropdownMenu2"&gt;
       &lt;button class="dropdown-item select-1" type="button"&gt;Items 1&lt;/button&gt;
       &lt;button class="dropdown-item select-2" type="button"&gt;Items 2&lt;/button&gt;
       &lt;button class="dropdown-item select-3" type="button"&gt;Items 3&lt;/button&gt;
       &lt;button class="dropdown-item select-4" type="button"&gt;Items 4&lt;/button&gt;
      &lt;/div&gt;
     &lt;/div&gt;
    &lt;/div&gt;
   &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>