can you show me how to position bottons with boostrap?-CodePudding

I am triying to position bottons like in this images shown in the picture for my website, can you please show to do it in boostrap , because I have tried to do it with

align="center"

it didn't work

CodePudding user response：

Bootstrap provides a number of CSS classes that can be used to position elements on a page. The .btn class can be used to style buttons, .btn-group can be used to group buttons together.

To center a button, you can use the .center-block class. Here is an example of that:

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"/>

<button type="button" >Center me!</button>

CodePudding user response：

You can use flex and solve this.

https://getbootstrap.com/docs/4.0/utilities/flex/

or other way with CSS justify-content.

https://www.w3schools.com/cssref/css3_pr_justify-content.asp