Fix issue #15597 — Mention dropup variation in dropdown docs

[kkirsche]

Fixes #15597. Mention dropup variation in dropdown docs

Other pull request (#15659) was so messed up I sincerely have no clue how to save it. The recommended command doesn't work, can't believe rebasing is so problematic...

[cvrebert]

CC: @mdo

[vsn4ik]

• Remove <h3>Example</h3>;
• Move data-example-id="" to <h3>Dropup Variation</h3> and change value;
• It is necessary to keep the style of .dropdown examples (position: static), but I do not know how to do it.

[kkirsche]

I'm not sure I follow you @vsn4ik on point 3

[vsn4ik]

My mistake on point 2: data-example-id not need be moved. Only change, because data-example-id="static-dropdown" already exists.

• Remove whitespace after h3.
• Variation not need capitalize.

[mdo]

Did I add the clearfix at some point, or is that new to this PR?

[mdo]

My only concern with this is that it's basically an exact dupe of another docs section.

[kkirsche]

I didn't add one to this. I copied and pasted to use what you had.

I had started with a small note only, what would you be interested in as a solution?

[mdo]

Yeah, I think so @kkirsche.

[kkirsche]

@mdo What do you think about the following idea:

In the example section we add the following sentence:

Dropdown menus can also be triggered above elements by adding <code>.dropup</code> to the parent.

Then in the example section include one of each. This way, we reduce the space necessary by not including a standalone example for just the dropup variation.

The other idea I have would be to include the following sentence with no visible example:

Dropdown menus can also be triggered above elements, refer to <a href="components/#btn-dropdowns-dropup">Button group dropup variation</a> for more information and examples.

What is your preference?

[mdo]

A live example to go with it is probably preferable, so we can go with that.

[kkirsche]

Changed to the first option which uses short sentence with a live example in the first example box.

[cvrebert]

@mdo LGTY?

[mdo]

[kkirsche]

Thanks guys! 👍