бутстрап
нужно на большую картинку наложить маленькую
(правый нижний угол), точно по этому углу
чтоб все было адаптивненько
сохранялись пропорции и положения картинок
юзаю вложенные сетки:
<div class="container">
<div class="row">
<div class="col-md-12">
<img class="img-responsive" src="img/preview/1.jpg">
<!-- <div style="background: url('img/preview/1.jpg') no-repeat center center; width:920px; height:500px" </div> -->
<div class="row">
<!-- <div class="col-md-11"></div> -->
<div class="col-md-1 col-md-offset-11">
<img class="img-responsive" src="img/avatars/a.jpg" style="vertical-align: bottom;">
</div>
</div>
</div>
</div>
</div>
но маленькая картинка получается не так как надо
те в правом нижнем углу, но под большой картинкой
и при уменьшении размера браузера перепрыгивает в левый угол
сверстанные таким образом элементы надо поместить в карусель
http://owlgraphic.co...usel/index.html
или типа того
(говорю на всякий случай, тут трудностей не должно быть)
style="background:
margin/padding
position
наверное не подойдут?