Bootstrap Collapse Using a Button to Show Additional Text

[tahirk]

I’m trying to use Bootstrap Collapse in my project and I’m facing some issues (button moves below and I can’t figure out how to show some lines of text before expand).

I want to use a button for the collapse to expand the box downward (to show more text).

I want some lines of text to be already present there and upon button click it should expand.

Here is the pen.

This is what I want this to be, before expanding (the button should resize in height upon expand).

[tahirk]

Well, I’ve made some adjustments, looks a bit better now from what it was.

A few Problems:

Button alignment issues.
Box extra padding before collapse.

Here is the New Code

Can we have a 100% height button which should re-size according to the collapsible contents.

[Author]

Posts