bootstrap 3, картинко на картинке

[torsar]

бутстрап

нужно на большую картинку наложить маленькую

(правый нижний угол), точно по этому углу

чтоб все было адаптивненько

сохранялись пропорции и положения картинок

 

юзаю вложенные сетки:

<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.com/owlcarousel/index.html

или типа того

(говорю на всякий случай, тут трудностей не должно быть)

 

style="background:

margin/padding

position

наверное не подойдут?

[swandev]

Рабочий бы примерчик

[torsar]

пока без бутстрапа

на основе:

http://htmlforum.ru/index.php?showtopic=52579#entry351929

 

http://jsfiddle.net/cn5u6ur6/

 

как переместить аватарку в правый нижний угол?

как убрать промежуток между левой рамкой и имаджем?

 

поматюкайте

прошу прощения за мой корявый css

[klierik]

Не знаю при чём тут вообще bootstrap, но: http://jsfiddle.net/j1s3fcgs/