当一行超过2列时，列不能正确对齐
当一行超过2列时，列不能正确对齐
提问于 2016-02-24 01:59:59
我有这个css：
div.row {
@include outer-container;
div.col-5 { @include span-columns(5); }
div.col-6 { @include span-columns(6); }
}这个html：
<div class="jobs row">
<div class="col col-6">Front End Developer</div>
<div class="col col-6">Front End Developer</div>
<div class="col col-6">Front End Developer</div>
</div>我想要最多2迪夫每行。
但是，第一个div不是并排显示前2个col div，然后在左边第二行显示第三个div，第一个div只显示在第一行，而另一个div则并排下降。
例如，如果我将第二个div的类更改为col-5，那么它们正确地对齐。
为什么它们不正常下降，例如在行内使用引导科尔时？
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-03-02 06:37:06
您需要使用omega混合器。试试这个：
HTML
<div class="jobs row">
<div class="col col-6">Front End Developer</div>
<div class="col col-6">Front End Developer</div>
<div class="col col-6">Front End Developer</div>
</div>SCSS
div.row {
@include outer-container;
div.col-6 {
@include span-columns(6);
@include omega(2n);
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35598840
复制相关文章
相似问题
Guice -基于封闭类绑定不同的实例
将TreeView绑定到同一级别上具有不同类型对象的集合
基于类绑定创建不同类型对象的单个提供程序
treeview类绑定
为同一类的不同对象的update()分配不同的代码
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
