title: How do I set CSS3 flex-basis property using Bootstrap Flex?
body: <p>Using CSS3 I can individually set the flex properties like so</p>
  
  <pre><code>.someclass {
      flex-grow: 1;
      flex-shrink: 1;
      flex-basis: auto;   
  }
  </code></pre>
  
  <p>Using Bootstrap (version >= 4.1) flex it seems I can only set <a href="https://getbootstrap.com/docs/4.1/utilities/flex/#grow-and-shrink" rel="noreferrer">flex-grow-X and flex-shrink-X</a>, like so</p>
  
  <pre><code>&lt;div class="someclass flex-grow-1 flex-shrink-1"&gt;...&lt;/div&gt;
  </code></pre>
  
  <p>Is there are way to set the flex-basis using bootstrap 4.1?</p>