Centering Bootstrap input fields

后端 未结 9 1244
执笔经年
执笔经年 2021-01-29 22:12

I am new with this, especially with Bootstrap. I have this code:

9条回答
  •  悲哀的现实
    2021-01-29 23:01

    You can use offsets to make a column appear centered, just use an offset equal to half of the remaining size of the row, in your case I would suggest using col-lg-4 with col-lg-offset-4, that's (12-4)/2.

    Demo fiddle

    Note that this technique only works for even column sizes (.col-X-2, .col-X-4, col-X-6, etc...), if you want to support any size you can use margin: 0 auto; but you need to remove the float from the element too, I recommend a custom CSS class like the following:

    .col-centered{
        margin: 0 auto;
        float: none;
    }
    

    Demo fiddle

提交回复
热议问题