¿Cómo centro horizontalmente una mesa en bootstrap?

Este es mi código. Lo que estoy tratando de hacer es colocar esta mesa en el centro del contenedor. Pero en cambio, se alinea a la izquierda de manera predeterminada cuando uso la clase “contenedor” y usa el ancho completo cuando uso la “clase de fluido de contenedor” para el div. Quiero centrar horizontalmente la mesa. ¿Alguien puede ayudar?

 
Material Name Rate (INR)
Books 7.00(per KG)
Soft Plastic 15.00(per KG)
Hard Plastic 2.00(per KG)

Aquí hay una captura de pantalla

Sé que “fluido de contenedor” usa el ancho completo, pero también he usado la clase de “contenedor” solamente, pero no ayuda. Por favor avise…

Para centrar horizontalmente la tabla, puede utilizar en un CSS, tanto las propiedades de margin como de width .

 .table { margin: auto; width: 50% !important; } 

Ahora, para el contenido de la tabla, puede usar una combinación de CSS y las clases de tipografía Bootstrap. En este caso, CSS para los elementos th , y la clase .text-center en su tabla.

 table th { text-align: center; } 

Aquí puede verlo para las .container-fluid y .container :

 table th { text-align: center; } .table { margin: auto; width: 50% !important; } 
     
Material Name Rate (INR)
Books 7.00(per KG)
Soft Plastic 15.00(per KG)
Hard Plastic 2.00(per KG)
Material Name Rate (INR)
Books 7.00(per KG)
Soft Plastic 15.00(per KG)
Hard Plastic 2.00(per KG)

Puede centrar la tabla de la siguiente manera con CSS .

 .table { width: 50%; margin: 0 auto !important; } 

Necesitas tener margin: auto

Con css

 .table td { text-align: center; } 

https://jsfiddle.net/8s9918my/

O bootstrap:

 

Solo agrega una clase: text-center en la clase de tabla.

  ... 

Es una clase nativa de Bootstrap que permite la alineación horizontal.

Puedes probar las clases de columnas para hacerla centro

 

El uso de esta combinación de fila / columna de Bootstrap funciona independientemente del tamaño de su tabla o pantalla, no se necesita CSS:

 
....table stuff....