是否可以组合flexbox和Bootstrap?

时间:2016-05-20 18:07:08

标签: css twitter-bootstrap css3 twitter-bootstrap-3 flexbox

有没有办法在同一个项目中使用CSS3 Flexbox和Bootstrap?

我的意思是,如果我使用这样的CSS Flexbox代码:

display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
...

在将链接添加到Bootstrap CSS文件(或CDN)之前,一切都很顺利。之后一切都搞砸了。

由于

2 个答案:

答案 0 :(得分:2)

而不是首先实现flexbox,然后添加Bootstrap,正如您所指出的那样,可能会导致规则冲突,请尝试相反:

使用Bootstrap框架,然后使用他们的flexbox实现。

http://v4-alpha.getbootstrap.com/getting-started/flexbox/

答案 1 :(得分:-1)

请看一下:

coo

当然,您可以在项目中使用它们。很多人都这样做。事实上,对于制作相同高度的列,您可以在bootstrap中使用flexbox。请查看下面的代码笔链接以便更好地理解。

http://stackoverflow.com/questions/27599396/flexbox-vs-twitter-bootstrap-or-similar-framework