Html Flexbox问题-Firefox和IE10/11

我在一个小的平铺样式的布局（使用引导和我添加的flex行类）中没有遇到flex标记的问题

在chrome、safari、opera甚至移动设备上，它都能正常工作。除了IE10/11和当前的Firefox（44.0.2）

我得到了4列布局的bug，它们在到达断点后不会崩溃，相反，图像会保持比应该的大（超出最大宽度），我不知道为什么

如果有人能帮我，那就太棒了

提前谢谢你

代码：

$（“.readmore”）。单击（函数（）{
$（this.next（“.expand”）.addClass（“expanded”）；
});
$（“.closebox”）。单击（函数（）{
$（this.parent（“.expanded”）.removeClass（“expanded”）；
});
此处使用的CSS将在bootstrap.CSS之后应用*/
.col-xs-1，
.col-sm-1，
.col-md-1，
.col-lg-1，
.col-xs-2，
.col-sm-2，
.col-md-2，
.col-lg-2，
.col-xs-3，
.col-sm-3，
.col-md-3，
.col-lg-3，
.col-xs-4，
col-sm-4，
.col-md-4，
.col-lg-4，
.col-xs-5，
.col-sm-5，
.col-md-5，
.col-lg-5，
.col-xs-6，
.col-sm-6，
.col-md-6，
.col-lg-6，
.col-xs-7，
col-sm-7，
.col-md-7，
.col-lg-7，
.col-xs-8，
col-sm-8，
.col-md-8，
.col-lg-8，
.col-xs-9，
col-sm-9，
.col-md-9，
.col-lg-9，
.col-xs-10，
.col-sm-10，
.col-md-10，
.col-lg-10，
.col-xs-11，
col-sm-11，
.col-md-11，
.col-lg-11，
.col-xs-12，
col-sm-12，
.col-md-12，
.col-lg-12{
保证金：0；
填充：0；
}
.row flex，
.row flex>div[class*='col-']{
显示：-网络工具包盒；
显示器：-moz盒；
显示：-ms flexbox；
显示：-webkit flex；
显示器：flex；
flex:1自动；
}
.世界其他地区柔性包装{
-webkit flex流：行换行；
调整内容：灵活启动；
弹性：0；
}
.row flex>div[class*='col-']，
.container flex>div[class*='col-']{
/*边距：-.2px；/*hack调整包装*/
}
.container flex>div[class*='col-']div，
.row flex>div[class*='col-']div{
宽度：100%；
最大宽度：100%；
框大小：边框框；
}
.flex col{
显示：flex！重要；
显示：-webkit flex！重要；
弹性：1100%；
柔性流动：柱状nowrap；
对齐项目：居中；
证明内容：中心；
}
.flex grow{
显示器：flex；
-webkit-flex:2；
弹性：2；
}
.contentbox{
最小高度：292px！重要；
}
@介质（最小宽度：480px）{
.contentbox{
最小高度：200px！重要；
}
}
@介质（最小宽度：768px）{
.contentbox{
最小高度：160px！重要；
}
}
.contentbox{
填充：15px 30px 15px 30px；
文本对齐：居中；
显示：块；
高度：自动；
最小高度：160px；
背景色：#eee；
}
.readmore{
光标：指针；
}
.contentbox h2{
字体变体：小大写字母；
}
.扩大{
位置：绝对位置；
排名：0；
左：0；
右：0；
底部：0；
字体大小：15px；
不透明度：0；
可见性：隐藏；
过渡：所有的.75都可以轻松进出；
底部边框：2个实心$primary；
}
.扩大{
排名：0；
不透明度：1；
能见度：可见；
游标：默认值；
过渡：所有的.75都可以轻松进出；
边框底部：2倍实心#fff；
}
.衣柜{
字体大小：24px；
位置：绝对位置；
右：10px；
顶部：0px；
光标：指针；
}
.影子{
盒子阴影：0px 4px 12px-4px rgba（0,0,0,0.45）！重要；
}

例子
×
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。Stet clita kasd gubergren，不
海takimata sanct



例子
×
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。Stet clita kasd gubergren，不
海takimata sanct



例子
×
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。Stet clita kasd gubergren，不
海takimata sanct



例子
×
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。Stet clita kasd gubergren，不
海takimata sanct



例子
×
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。Stet clita kasd gubergren，不
海takimata sanct

您只使用了webkit供应商前缀，firefox不会使用该规则。 将.row flex wrap更改为以下内容

.row-flex-wrap {
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      align-content: flex-start;
      flex: 0;
    }