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

The modal-footer is display:flex;. So the better way to align its elements (e.g. buttons) is by using flex rules. Bootstrap 4 provides new utilities classes to modify those flex rules (e.g. .justify-content-[modifier]). So I think a better option should be as follows:

  Save changes
  Close

  Launch demo modal




  

    

      

        
Modal title
        
          ×
        
      
      

        ...
      
      

        Save changes
        Close