引导面板中的位置按钮

Question

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

And here is the html elements of the panel

Answer 1

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

Answer 2

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.