col-12-xs列中的固定和流体div不会崩溃

时间:2015-10-08 09:50:08

标签: html css twitter-bootstrap

我正在尝试将两个固定宽度的div和一个流体宽度div放在一行col-12-xs中。我希望这个流体div能够填满整个空间,但最小宽度(例如600px)。

我做了类似的事情:

expression2

它工作正常,但当我减小窗口大小时,这个.info div移动到下一行,这不是我想要的。

我该如何解决这个问题?

http://www.bootply.com/stF3byJ56I#

1 个答案:

答案 0 :(得分:1)

删除float:left

.info
.date, .flyer, .info {
  border: 1px solid black;
  height:100px;
}
.date, .flyer {
  width: 100px;
  float:left;
}
.info {
  min-width:600px; 
}