jquery - MixItUp jQuery を使用した multiFilter - 個別のコントロール リスト

Question

4 つの要素と、フィルター処理する必要がある 3 つのコントロール セットがあります。

コントロール

<div class="controls">
<ul>
    <h4>Width</h4>
    <li class="filter" data-filter="Fixed Fluid">Either</li>
    <li class="filter" data-filter="Fixed">Fixed Width</li>
    <li class="filter" data-filter="Fluid">Fluid Width</li>
</ul>
<ul>
    <h4>Columns</h4>
    <li class="filter" data-filter="1 2 3">Show All</li>
    <li class="filter" data-filter="1">1 Column</li>
    <li class="filter" data-filter="2">2 Column</li>
    <li class="filter" data-filter="3">3 Column</li>
</ul>

<ul>
    <h4>Carousel</h4>
    <li class="filter" data-filter="Yes No">Both</li>
    <li class="filter" data-filter="No">No Carousel</li>
    <li class="filter" data-filter="Yes">Carousel</li>
</ul>
</div>

フィルター

<ul id="Grid">
<li class="mix Fixed Yes 1"><h6>Item 1</h6></li>
<li class="mix Fixed No 2"><h6>Item 2</h6></li>
<li class="mix Fluid No 2"><h6>Item 3</h6></li>
<li class="mix Fluid No 1"><h6>Item 4</h6></li>
</ul>

関数

$(function(){
    $('#Grid').mixitup( {
        multiFilter: false,
        filterLogic: 'or',
        transitionSpeed: '600'
    });
}); 

各リストから 1 つのアイテムを選択して、それに一致するフィルターを表示する方法がわかりません。「and」filterLogic を使用すると、同じリスト内の複数のコントロールを選択できるため、さらに多くの問題が発生します。私は道に迷っており、これに関するデモが見つかりません。ヒントと提案？

jsフィドル