React-Boostrap center text

Question

I just stumbled upon React-Bootstrap. I looked at their docs, but I couldn't find anything about centering text. Like this:

<h1 class="text-center">Hello World</h1>

So I was wondering if you can use the same technic, but apply it for React development instead. Like this for example:

<h1 classnName="text-center">Hello World</h1>

Cheers!

Answer 1

I think that this bootstrap class will works

 <h1 className="m-auto"> text </h1>

Answer 2

you have type wrong spelling className.

Answer 3

Whatever it is you'd like to align to center, Div, img, text, etc, you can align using;

<div style={{ textAlign: 'center' }}> <button> Your text here </button> </div>