title: Hide Table Columns using Bootstrap 4
body: <p>I know that Bootstrap 4 uses <a href="https://getbootstrap.com/docs/4.0/utilities/display/" rel="noreferrer">new display utilities</a> to show or hide information based on the screen size. My question is how to make these work with a table? I want to remove columns as the screen size is smaller.</p>
  
  <p>I have used "d-xs-none" and it does not have any effect. However, when I use "d-sm-none" the column is removed when the size is 'sm' or larger (the exact opposite of what I need). If I try "d-none d-xs-none" the column never shows up. As in:        <code>&lt;th class="text-center d-none d-xs-none" scope="col"&gt;Location&lt;/th&gt;</code></p>
  
  <p>Basically, can you show me an example of hiding a table column when resizing the browser to a mobile device? Thank you for your help!</p>