Boky Boky - 1 year ago 87
CSS Question

Slider component with more than one row

I'm trying to create the slider. Now I have something like this :

enter image description here

Everything is in one row, but I want to have something like :

enter image description here

Thus I want to be able to set more than one row in the slider.


This is a

Answer Source

Add <div class="row"></div> with style

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

So it would be like

<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 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>

updated jsfiddle

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download