Left & right align modal footer buttons in Bootstrap 4

Question

Bootstrap 4 uses flex-box for it\'s modal footers. If I want two buttons, one on the left and one on the right, how do I get it to work properly?

The code below tries t

Answer 1

Totally agree with @Zim and @jmboiton

If both of these methods are used together, it fixes the issue for everyone (including IE users :P )

Overall best solution is to combine .justify-content-between and the .mr-auto classes like this:

  Left Button
  Close
  Save changes

  Launch demo modal




  

    

      

        
Modal title
        
          ×
        
      
      

        ...
      
      

          Left Button
          Close
          Save changes