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

Adding multiple buttons with dropdowns results in a btn-group class being added #4266

Comments

@rjacques
Copy link

Hi,

Please check the fiddle: https://jsfiddle.net/7axtqc8y/

When I add three dropdown buttons, the HTML will render automatically with a class of btn-group which results in a horizontal layout of the buttons (because inline-flex is rendered).

How can I have the 3 buttons as per above fiddle but prevent the additional btn-group class added?

Thanks!

@tmorehouse
Copy link
Member

Dropdown trigger buttons are always rendered as an inline element (just like a button is an inline element). Button group class is always added to each wrapper element.

Are you looking to have each dropdown on a separate line?

If so, then add a wrapper div around each dropdown. The div will force each dropdown to be on a new line.

@rjacques
Copy link
Author

rjacques commented Oct 17, 2019

Thank you very much. I think wrapping the button in a <div> is a good workaround!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment