Alternate положения коробки - CSS/Bootstrap

Question

Я создал сценарий Bootstrap-здесь:

http://jsfiddle.net/aftu6ehL/

Как можно чередовать влево/вправо выравнивание коробки. То есть Я хочу, чтобы переключить каждый второй ящик левую и правую сторону ..

Description - Image 
Image - Description 
Description - Image 
Image - Description 
Description - Image 
Image - Description 

п-й ребенок (3n + 1) как-то не похоже на работу.

Answer 1

Вы хотите использовать 2n + 1 (каждое нечетное значение)

.container { 
 
    width: 200px; 
 
} 
 

 
.image, .desc{ 
 
    width: 50%; 
 
    height: 50px; 
 
    display: inline-block; 
 
} 
 

 
.image { 
 
    background: red; 
 
    float: left; 
 
} 
 

 
.desc { 
 
    background: blue; 
 
    float: right; 
 
} 
 

 
.container:nth-child(2n + 1) .image { 
 
    float:right; 
 
}

<div class="container"> 
 
    <div class="image"> 
 
     Image 
 
    </div> 
 
    <div class="desc"> 
 
     Description 
 
    </div> 
 
    </div> 
 
    <div class="container"> 
 
    <div class="image"> 
 
     Image 
 
    </div> 
 
    <div class="desc"> 
 
     Description 
 
    </div> 
 
    </div> 
 
    <div class="container"> 
 
    <div class="image"> 
 
     Image 
 
    </div> 
 
    <div class="desc"> 
 
     Description 
 
    </div> 
 
    </div>