title: Align buttons left, center, right
body: <p>I'm using Bootstrap 4 beta. I'd like to have buttons in a workflow navigation section aligned with a back button on the left, two cancel buttons centred and a next button on the right. </p>
  
  <p>Here's how I've coded it:</p>
  
  <pre><code>  &lt;button type="button" class="btn btn-secondary float-left"&gt;Back&lt;/button&gt;
    &lt;div class="text-center"&gt;
      &lt;button type="button" class="btn btn-danger"&gt;Cancel&lt;/button&gt;
      &lt;button type="button" class="btn btn-secondary""&gt;Save and Exit&lt;/button&gt;
    &lt;/div&gt;
    &lt;button type="submit" class="btn btn-primary float-right"&gt;Next&lt;/button&gt;
  </code></pre>
  
  <p>This has correctly positioned the left button and the centre buttons, but the right hand button is below the other buttons on the right. </p>
  
  <p>I've tried putting the right button in it's own div and removing the float-left. How can I get them all aligned in a row?</p>