У меня есть полноразмерный jumbotron с отзывчивым изображением внутри (само изображение масштабируется с размером экрана).Bootstrap: кнопка внутри jumbotron с отзывчивым изображением
<div class = 'jumbotron'>
<button type= 'button' id="read" class='btn btn-primary'>Button</button>
</div>
.jumbotron {
background: url('img/Banner-logo5.jpg') no-repeat center center;
background-size: contain;
background-repeat: no-repeat;
width: 100%;
height: 0;
padding-top: 52.18%;
/* (img-height/img-width * width) */
/* (1067/2045 * 100) */
}
Очевидно, что этот подход подталкивает содержимое внутри него за пределы jumbotron. Есть ли способ получить контент внутри него, не нарушая текущий код/с изображением внутри jumbotron, который все еще реагирует?
Можете ли вы опубликовать скриншот выпуска? –
удалить свойства css, которые вы добавили вручную в jumbotron, и посмотреть, работает ли это – AdityaParab
, возможно, это - http://jsfiddle.net/byLjyug1/ или http://jsfiddle.net/ze4Lq1tu/ – Dmitriy