相关疑难解决方法(0)

Bootstrap 3在列上应用15px左右填充.

这给我带来了麻烦,因为我的布局有很多嵌套列:

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

见小提琴.

我不需要删除填充因为我需要元素之间的分离.

我在视觉上看到的结果是:http://jsfiddle.net/Aeup8/8/

我的第一个方法是设置:

[class^='col-'] {
    padding:0;
}
[class^='col-'] + [class^='col-'] {
    padding-left: 15px;
}

但是,这不会修复换行到第二行的列.

见小提琴

我的第二种方法是使用JavaScript:

(function($) {
    var $els = $('[class^="col-"');
    //console.log($els);
    var cols = {};
    $els.each(function(i, col) {
        var classes = $(col).attr('class').split(' ');

        classes.forEach(function(str) {
            var match = str.match(/col-(\w+)-(\d+)/);
            if ( match ) {
                //console.log($els.eq(i));
                cols[match[1]] = cols[match[1]] || {};
                var current = …