Centering content blocks with buttons

[ghost]

The center-block class is fine to achieve a centered button only if it is really a button element. Applying to a link button does not work.

Examples (both cases):

• <button type="button" class="btn btn-default center-block">Pure button</button>.
• <a href="#" class="btn btn-default center-block">Link button</a>.

[patrickhlauke]

do you have a reduced test case example? (also, center-block has been replaced with mx-auto)

[ghost]

This is in version 3.

[Johann-S]

Bootstrap 3 is essentially in maintenance mode as we focus on working towards a stable v4. As such, we're only accepting changes to v3's code on a case-by-case basis, usually only for critical bug fixes or docs improvements.

[ghost]

Here is a solution.

A CSS declaration like a.center-block { display: table; } is usefull.

[mdo]

Buttons are inline-block, use text-align on the parent to change their alignment.

[ghost]

Using center-block class, buttons are not inline-block. This class has not to be applied to buttons or links? Only devised for images and resized divs?