Twitter bootstrap 如何使按钮组100%与非相等大小的按钮没有btn组调整(一大一小)在引导?

Twitter bootstrap 如何使按钮组100%与非相等大小的按钮没有btn组调整(一大一小)在引导?,twitter-bootstrap,css,twitter-bootstrap-3,Twitter Bootstrap,Css,Twitter Bootstrap 3,我想制作一些按钮组,其中一个按钮占据剩余宽度,另一个按钮具有由内容设置的固定宽度。如何做到这一点 对于不同的分辨率,它可以如下所示: | <- 100% -> | | large button fill | fixed | | <- 100% -> | | large button fill

我想制作一些按钮组,其中一个按钮占据剩余宽度,另一个按钮具有由内容设置的固定宽度。如何做到这一点

对于不同的分辨率,它可以如下所示:

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

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

| <- 100% ->                |
| large button fill | fixed |
||
|大按钮填充|固定|
|                        |                   
|大按钮填充|固定|
|                 |
|大按钮填充|固定|

我测试了调整,但它给出了相同大小的按钮。

将按钮的宽度设置为
计算(100%-20px)
例如,如果固定宽度为20px。

将按钮的宽度设置为
计算(100%-20px)
,如果固定宽度是20px。

20px不知道,但它知道它包含固定内容。你知道里面内容的宽度是多少吗?如果说它是固定内容,你的意思是它总是一样的,那么你可以查看Chrome的开发工具,通过检查所述元素并查看其计算属性来提取宽度。固定的意思是只有它有一些宽度,但没有人知道它将如何在Firefox 4000或NewBrowser版本1中呈现。我不能假设is有一些像素宽度——这不是设计UI的好方法。那么浮动怎么样?使固定内容向右浮动。或者使用flexbox,它应该非常适合此任务。如果这些不满足您的要求-使用我在这里发布的解决方案,并向其中添加Javascript,以便您始终使用该元素的宽度,无论浏览器是什么。20px不知道,但它知道它包含固定内容。您知道其中内容的宽度是多少吗?如果说它是固定内容,你的意思是它总是一样的,那么你可以查看Chrome的开发工具,通过检查所述元素并查看其计算属性来提取宽度。固定的意思是只有它有一些宽度,但没有人知道它将如何在Firefox 4000或NewBrowser版本1中呈现。我不能假设is有一些像素宽度——这不是设计UI的好方法。那么浮动怎么样?使固定内容向右浮动。或者使用flexbox,它应该非常适合此任务。如果这些不满足您的要求-使用我在这里发布的解决方案,并将Javascript添加到其中,以便您始终使用该元素的宽度,无论浏览器是什么。