How to make button group 100% with non-equal size buttons without btn-group-justified (one large and one small) in Bootstrap?

Question

I want to make some button group in which one button occupy rest width and one button with some fixed width set by content. How to achieve this.

It can look like this for different resolutions:

| <- 100% ->                              |
| large button fill               | fixed |

| <- 100% ->                       |                   
| large button fill        | fixed |

| <- 100% ->                |
| large button fill | fixed |

I tested justified and but it give equal size button.

Answer 1

例如，如果固定宽度为20像素，则将按钮的宽度设置为calc(100% - 20px) 。