Align the form to the center in Bootstrap 4

Question

I am trying to align the form to the center and keep it responsive. I have tried several ways but no success. I am trying to center all the text and the form. I am using Boo

Answer 1

You need to use the various Bootstrap 4 centering methods...

• Use text-center for inline elements.
• Use justify-content-center for flexbox elements (ie; form-inline)

https://www.codeply.com/go/Am5LvvjTxC

Also, to offset the column, the col-sm-* must be contained within a .row, and the .row must be in a container...

    

        

            

                

                    
Welcome to Bootstrap 4
                    

                        

                            

                                Name
                                
                            
                            

                                Email
                                
                            
                            okay, go!
                        
                    
                    


                    ↓