Bootstrap 4 - Center List

Question

I am building an app with the Bootstrap 4 beta. This app is really basic at the moment and has a single inline list. I\'m trying to center this list horizontally in the middle o

Answer 1

If you want to use bootstrap classes then you can use row

  

    
Item 1
    
Item 2
    
Item 3
    
Item 4
    
Item 5
    
  

Otherwise, Simply text-align:center is enough.

ul.list-inline {
  text-align: center
}

  

    
Item 1
    
Item 2
    
Item 3
    
Item 4
    
Item 5