Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Block buttons with text on one side and icon on the other #13903

Closed
knownasilya opened this issue Jun 23, 2014 · 2 comments
Closed

Block buttons with text on one side and icon on the other #13903

knownasilya opened this issue Jun 23, 2014 · 2 comments
Milestone

Comments

@knownasilya
Copy link

I found this to be the simplest way, but looking to see if there is a better way to do this:

screen shot 2014-06-23 at 12 35 31 pm

Accomplishing it via this:

<button class="btn btn-default btn-block" type="button" style="padding: 0.4em;">
  <span class="pull-left">Add Middle Mile</span>
  <i class="fa fa-angle-right pull-right"></i>
</button>

Note: Padding is required, or both sit against the border.

Would be nice if there was a way to do this with the icon on the left or right, with maybe a responsive setup..? Or is the way above the recommended way?

@cvrebert
Copy link
Collaborator

Seems pretty reasonable as-is.

@knownasilya
Copy link
Author

Ok, sounds good.. although it seems weird that it requires an additional padding, maybe that should be added to a btn-block?

@cvrebert cvrebert added this to the v3.2.1 milestone Jun 23, 2014
@mdo mdo modified the milestones: v3.2.1, v3.2.0 Jun 23, 2014
@mdo mdo mentioned this issue Jun 23, 2014
@mdo mdo closed this as completed in df7cfe8 Jun 23, 2014
stempler pushed a commit to stempler/bootstrap that referenced this issue Nov 4, 2014
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants