<a> btn with .center-block becomes as wide as its container
Created by: davidjameslettice
Hey,
I'm not sure if this is by design, or a v4 bug, or if I've overlooked something.
Essentially I'm creating a multi-page form, and I have the following code:
<a class="btn btn-primary center-block" href="/signup/first_page" role="button">Previous</a>
<button type="submit" class="btn btn-primary center-block" id="next">Next</button>
Obviously this is to create a Previous and Next button, with the Next button submitting, and the Previous acting as a link to the previous page.
The Next button works fine with the 'center-block' class, it centers the button and nothing more. However the Previous button spans the whole width of the page. I've tried putting them both within a center-block div but that didn't make any difference.
Any advice, or is this a bug?