具有多行的滑塊組件

Question

我試圖創建滑塊。現在，我有這樣的事情：

一切都在一個行，但我希望能有這樣的：

因此，我希望能夠設置一個以上在滑塊中排。

UPDATE

這是一個jsfiddle

Answer 1

添加<div class="row"></div>風格

.row { 
    width: 100%; 
    clear: both; 
} 

所以它會像

<div class="outterDiv"> 
    <div class="innerDiv"> 
    <div class="row"> 
     <div class="item">Item 1</div> 
     <div class="item">Item 2</div> 
     <div class="item">Item 3</div> 
     <div class="item">Item 7</div> 
     <div class="item">Item 8</div> 
     <div class="item">Item 9</div> 
    </div> 
    <div class="row"> 
     <div class="item">Item 4</div> 
     <div class="item">Item 5</div> 
     <div class="item">Item 6</div> 
     <div class="item">Item 10</div> 
     <div class="item">Item 11</div> 
     <div class="item">Item 12</div> 
    </div> 
    </div> 
</div> 

更新的jsfiddle https://jsfiddle.net/69z2wepo/50082