小编jos*_*oto的帖子

我正在尝试使用css过滤器.

我想同时使用模糊和灰度,但我似乎无法在同一图像上同时使用它们？

看这里的小提琴......

http://jsfiddle.net/joshmoto/fw0m9fzu/1/

.blur {
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
}

.grayscale {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
}

.blur-grayscale {
    filter: blur(5px) grayscale(1);
    -webkit-filter: blur(5px) grayscale(1);
    -moz-filter: blur(5px) grayscale(1);
    -o-filter: blur(5px) grayscale(1);
    -ms-filter: blur(5px) grayscale(1);
}

我正在尝试更改特定容器中的网格列数和装订线宽度.

显而易见且最快捷的方法是在Bootstrap SASS中使用mixin.

是不是有一个mixin可以处理所有这些？我努力想看到一个运行_grid.scss中的所有mixins

例如,我正在寻找这样的东西.

@mixin new-grid-system($grid-columns, $grid-gutter-width);

-

.gallery {
   @include new-grid-system('10', '10px');
}

.gforms {
   @include new-grid-system('9', '10px');
}

如果没有,任何人都有任何想法？

UPDATE

经过一段时间的坚持,我把它做出来并制作了自己的......

@mixin new-grid-system($new-grid-columns, $new-grid-gutter-width) {

    $grid-columns: $new-grid-columns;
    $grid-gutter-width: $new-grid-gutter-width;  

    .row {
        @include make-row();
    }

    @include make-grid-columns();
    @include make-grid(xs);
    @media (min-width: $screen-sm-min) {
        @include make-grid(sm);
    }
    @media (min-width: $screen-md-min) {
        @include make-grid(md);
    }
    @media (min-width: $screen-lg-min) {
        @include make-grid(lg);
    }

}

就像这样跑......

.gallery {
   @include new-grid-system('10', '10px');
}

我有一个简单的数组,我想分成3个随机行.

到目前为止,我正在使用数组块函数,它成功地将其分成3行,但由于数组计数不均匀,它将数组转换为3行,但2在4th一行中留下余数值.见下面的代码......

<?php

  $my_bikes = array (
    'bike-996.png',
    'bike-adventure.png',
    'bike-bandit.png',
    'bike-blade.png',
    'bike-classic-racer.png',
    'bike-classic-rm.png',
    'bike-custom.png',
    'bike-dragster.png',
    'bike-ducati-scrambler.png',
    'bike-electric-concept.png',
    'bike-flat-tracker.png',
    'bike-goldwing.png',
    'bike-gsx.png',
    'bike-harley.png',
    'bike-indian-vintage.png',
    'bike-kiddimoto.png',
    'bike-livewire.png',
    'bike-lotus.png',
    'bike-monkey-bike.png',
    'bike-moto3.png',
    'bike-mx.png',
    'bike-rc.png',
    'bike-rc213v.png',
    'bike-roland-sands.png',
    'bike-scooter.png',
    'bike-speedway.png',
    'bike-tron.png',
    'bike-vespa.png',
    'bike-vision.png',
  );

  shuffle($my_bikes);

  // chunk my bike
  $my_bikes = array_chunk($my_bikes, count($my_bikes) / 3);

?>

<?php foreach($my_bikes as $key => $my_bike_row) : ?>

  <div class="row <?=$key % 2==0 ? 'left' : 'right' ?>">
    <?php foreach($my_bike_row as $my_bike): ?>
      <img src="<?=get_path('images/bikes/' …