Bootstrap Center align a div horizontally

Question

I have tried simple login page for a sample. But am unable to align the fields to center. `h:commandButton` is aligned to center. but rest of the fields are does't have any change while keep `

` How do i keep them center aligned? ```

User Name

Password

div class='col-md-12 form-group'>

Accepted Answer

simplest way is to add a custom class `.col-center` from your side to it

```
.col-center{
  margin:0 auto;
}
```

why this way?? because BS has the methodology of `offset` but it has a drawback as it only works for even column sizes, so only `.col-X-2`, `.col-X-4`, `col-X-6`, `col-X-8` and `col-X-10` are supported.

Must do : just make sure that whichever div you want to center, has a div `width` mentioned to it....`.col-center` will do rest of job

Bootstrap Center align a div horizontally

Solution

Problem