CODEWITHSUNDEEP
jqueryhtmlcsstwitter-bootstrap
Mike Ross
Mike Ross

Reputation: 2972

Position button in Bootstrap Panel

Hi guys i am using bootstrap panel on a page and i want to align button in the panel-heading

I tried using padding but it doesnt work it just stretched the button

Here is the image of the panel-group and in that you can see that the checkin button is not aligned properly

Let me know which property i can use

Thank you

enter image description here

And here is the html elements of the panel

enter image description here

Upvotes: 1

Views: 99

Answers (2)

Fiido93
Fiido93

Reputation: 1978

Try using margin instead padding.

Update :- Try set your property position to absolute and use Margin. It will work . Regards.

it is not advisable to use position absolute. Depends, more info can check here.

Is it considered bad practice to use absolute positioning?

This is just an example

DEMO

Upvotes: 1

orlland
orlland

Reputation: 1266

Try to set panel-title display to flex, align-items to center. Wrap the title text and set the wrapper's flex value to 1 and that's it. Refrain from using absolute positioning as much as possible.

Upvotes: 0

Related Questions