Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.06.2015, 17:04
Профессор
Отправить личное сообщение для torsar Посмотреть профиль Найти все сообщения от torsar
 
Регистрация: 06.01.2012
Сообщений: 409

bootstrap 3, картинко на картинке
бутстрап
нужно на большую картинку наложить маленькую
(правый нижний угол), точно по этому углу
чтоб все было адаптивненько
сохранялись пропорции и положения картинок

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

<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

наверное не подойдут?
Ответить с цитированием
  #2 (permalink)  
Старый 24.06.2015, 08:12
Профессор
Отправить личное сообщение для torsar Посмотреть профиль Найти все сообщения от torsar
 
Регистрация: 06.01.2012
Сообщений: 409

пока без бутстрапа
на основе:

http://htmlforum.ru/index.php?showto...79#entry351929

http://jsfiddle.net/cn5u6ur6/

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

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

Последний раз редактировалось torsar, 24.06.2015 в 08:17.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подставляется url превью к кглавной картинке. Что делать? espltd AJAX и COMET 2 10.11.2015 18:57
AngularJS Bootstrap динамический контент - проблемы с виджетами и связыванием vsimashko Angular.js 2 30.07.2014 19:04
Закрытие модального окна bootstrap по [Esc] Yaroma11 Библиотеки/Тулкиты/Фреймворки 5 22.05.2014 11:22
Закрытие модального окна от bootstrap carroty jQuery 0 11.10.2013 01:54
Подключение Bootstrap Markdown Vorobey Библиотеки/Тулкиты/Фреймворки 1 08.05.2013 11:40