Bootsrap3行列排水沟崩溃

有什么办法可以折叠Twitter Bootstrap3中的列？Bootsrap3行列排水沟崩溃

为了去除列沟填充，我们可以使用下面的Zurb基金会：

<div class="row collapse"> 
    <div class="large-6 columns"></div> 
    <div class="large-6 columns"></div> 
</div>

怎么能在这个Twitter的引导来实现？

<div class="row"> 
    <div class="col-md-6"></div> 
    <div class="col-md-6"></div> 
</div>

来源

2013-10-24 Mariano J. Ponce

你会需要重写CSS ..

.row [class*="-6"] { 
    padding-left:0; 
    padding-right:0; 
}

或者，创建一个特殊的类。

<div class="row no-gutter"> 
    <div class="col-md-6"></div> 
    <div class="col-md-6"></div> 
</div> 

.no-gutter [class*="-6"] { 
    padding-left:0; 
    padding-right:0; 
}

演示：http://bootply.com/73960

或者自定义您的引导：http://getbootstrap.com/customize/

来源

2013-10-24 15:06:33 ZimSystem

好了，世界上没有其他靴子陷阱默认为折叠列这是Bootstrap3的解决方案： .no-gutter [class^=“col-”] {padding-left：0px; padding-right：0px; } 谢谢。 –

是的，没问题。 – ZimSystem

正确的方法：

.no-gutter { 
    margin-left: 0; 
    margin-right: 0;  
} 

.no-gutter > [class^="col-"] { 
    padding-left: 0; 
    padding-right: 0; 
}

HTML：

<div class="row no-gutter"> 
    <div class="col-md-4 col-lg-3"> 
     ... 
    </div> 
</div>

来源

2016-07-12 13:39:49 Alex

Bootsrap3行列排水沟崩溃

回答

相关问题