Horizontally Center align bootstrap 4 form in a row

Question

I design a simple bootstrap form in an md-col-8 column to prevent it from going full width.

In aligning the form horizontally i have tried all kinds of bootstrap 4 classes like "text-center", "justify-content-center", "mx-auto" but non works

Submit

I what the form to horizontally align at the center but it stays left aligned.

score 1 · Answer 1 · answered May 01 '19 at 11:51

1

first, change the class name its "col-md-8" not "md-col-8" and you can do the div center with "justify-content-md-center" or "justify-content-center" class if you add this in "row" class.

answered May 01 '19 at 11:51

jitu thakur

740
3
8

score 0 · Answer 2 · answered May 01 '19 at 11:48

0

Assuming you want the block to align as a whole, you can add the offset-md-2 class so the column is offset 2 blocks, that would center the block.

answered May 01 '19 at 11:48

gerwin

834
5
12

i have tried offset i did not work, can you see my code – tegah May 01 '19 at 11:49
I can, in fact, not see your code. – gerwin May 01 '19 at 11:52
thanks col-md-offset-2 worked for me – tegah May 01 '19 at 11:57

Horizontally Center align bootstrap 4 form in a row

2 Answers2