Bootstrap expand/collapse toggle to bottom of text when expanded

What would be the best way to append Bootstrap’s expand/collapse toggle to the bottom of a paragraph [div] as it is expanded?

Using the default …

<button class="btn btn-info" data-target="#demo" data-toggle="collapse" 
<div class="collapse" id="demo">

…will just keep the toggle at the top of the expanded div element.

what? You should just add this following code on the bottom or on the top of you div container:
<button class=“btn btn-info” data-target="#demo" data-toggle=“collapse”>

1 Like

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

1 Like

Thank you, and sorry about that!

1 Like